如何解决适用于所有浏览器的Opacity CSS?
| 有人可以推荐使用CSS为DIV标记赋值的最安全方法吗? 埃里克解决方法
直接来自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;
}
或者您可以使用jQuery并在一行中完成
$(\'div\').css({opacity:0.5});
在http://jsfiddle.net/397jv/中查看工作示例
,尽管CSS 3引入了新的不透明度功能来提高透明度,但它并不支持所有浏览器。这是在所有浏览器中实现透明的CSS技巧
.transparent_class {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。