ie rgba_ie9如何退回到ie8

ie rgba_ie9如何退回到ie8rgba()可以为背景设置透明度,但不支持ie8,要兼容ie8,可以用ie8的filter属性,用法如下: 解释:利用ie8支持的渐变属性,可以实现背景透明,其中,#19fffffff中的19代表透明度的代号(见下图),ffffff代表对应的背景颜色,如: 注意:在ie9下,由于ie9同时支持rgb

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

ie rgba_ie9如何退回到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

(0)
编程小号编程小号
上一篇 2023-09-04
下一篇 2023-09-04

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注