邀朋友种豆,一起分享吧
喜欢购买正品行货?那就去品牌街

CSS滤镜实现主流浏览器兼容

来自:种豆 时间:2017-12-29 阅读:461次 原文链接

CSS滤镜设置盒子半透明状态(兼容各主流浏览器)

以下是对一个页面(如DIV)设置半透明(透明度80%)的Css代码

opacity: 0.8;/* Firefox, Safari(WebKit), Opera)
filter: "alpha(opacity=80)"; /* IE 8
*/
filter: alpha(opacity=80);
/* IE 4-7 */
第一句是非IE核心浏览器的支持。
第二三句是IE各版支持的。

CSS滤镜对各浏览器的兼容

css滤镜不兼容很正常,基本无法避免,没什么兼容的,当然了,可以利用css样式属性采取折中的方法解决:

区别IE6与FF:
       background:orange;*background:blue;

区别IE6与IE7:
       background:green !important;background:blue;

区别IE7与FF:
       background:orange; *background:green;

区别FF,IE7,IE6:
       background:orange;*background:green!important;*background:blue;

用这些HACK方法逐个设置合适的值吧。

当然了,还有其他使用了progid:DXImageTransform.Microsoft.AlphaImageLoader滤镜使图片不显示的问题,这写上图片相对地址,不是相对css文件的地址,是相对于html页面的地址.和背景的相对地址完全不一样。


<<前一篇 Css的14种滤镜详解 CSS滤镜语法  后一篇>>
 
关于种豆 ┊ 联系我们 ┊ 免责声明 ┊ 发帖须知 ┊ 请提意见 ┊ 站点地图
本站为个人爱好兴趣分享网站,不代表本人观点,如有侵权请联系QQ3033380280进行处理
sowsoy.com 版权所有 Copyright©2010-2021 备案号:蜀ICP备2020025376号-3
Email:sowsoy#hotmail.com