css - jquery 移动按钮的自定义透明 css 样式

Question

我在这边看到那个按钮(http://letsgo.gorizia.it/)，想知道如何实现这样的样式？

有没有有用的教程，或者你能给我一个提示，我应该使用哪个 css？

Answer 1

我想你可以看看this post on StackOverflow:

你应该像帖子中说的那样使用 rgba

.alpha60 {

    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);

    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);

    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    }

还有这个网站:

http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/

这应该会给你想要的效果。

您可能仍然需要寻找圆 Angular ，但如今使用 css3 不应该那样寻找。

Also W3schools have a page about it .我知道它不是最可靠的网站，但它可以方便地提供一些您不容易找到的小提示或技巧。