rgba()可以为背景设置透明度,但不支持ie8,要兼容ie8,可以用ie8的filter属性,用法如下:
background: rgba(255,255,255,.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff); //兼容ie8
解释:利用ie8支持的渐变属性,可以实现背景透明,其中,#19fffffff中的19代表透明度的代号(见下图),ffffff代表对应的背景颜色,如:
background: rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); //兼容ie8
注意:在ie9下,由于ie9同时支持rgba和filter,因此会出现两个属性重叠,背景变暗的情况,所以,上述方案仍不是最佳方案,最好的方案是:
在页面头部单独加入ie8的hack,只对ie8生效,在正常的css里只写rgba属性,如下:
<!--[if IE 8]> <style> .class1{-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";} .class2{-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)";} </style> <![endif]-->
注:filter的前缀-ms-不可省略
今天的文章ie rgba_ie9如何退回到ie8分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/47790.html