可以有人建议使用CSS给DIV标签设置不透明度的最安全方法吗?
Erik
Erik
来自Css-Tricks.com(这涵盖了我所能想到的所有内容):
.transparent_class {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}
div {
-khtml-opacity:.50;
-moz-opacity:.50;
-ms-filter:”alpha(opacity=50)”;
filter:alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
opacity:.50;
}
$('div').css({opacity:0.5});
尽管CSS 3引入了新的不透明度特性,但并不支持所有浏览器。这是一种在所有浏览器中实现透明效果的CSS技巧。
.transparent_class {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
-ms-filter
或opacity
。 - Justin Niessner