在IE8,IE10,IE11,火狐,谷歌浏览器图图片显示正常,IE9显示不出来出来
2017-07-10 00:00
127 查看
在IE8,IE10,IE11,火狐,谷歌浏览器图图片显示不出来
现象:background-image:url(“..images/secttionObg.jpg”) 此时图片加载不出来。
改为:background-image:url(“..images/secttionObg.png”) 图片正常显示。
IE9对CSS3的支持性不好,需要更改图片的后缀。
解决background-color: rgba(0,0,0,0.8);的IE8的兼容性问题
CSS样式添加
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
现象:background-image:url(“..images/secttionObg.jpg”) 此时图片加载不出来。
改为:background-image:url(“..images/secttionObg.png”) 图片正常显示。
IE9对CSS3的支持性不好,需要更改图片的后缀。
解决background-color: rgba(0,0,0,0.8);的IE8的兼容性问题
CSS样式添加
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
相关文章推荐
- 一个能够兼容IE6,IE8,IE9,IE10,IE11,谷歌,火狐,360等常见的10个浏览器的HTML头部信息配置代码
- js实现图片上传前的预览,实现完美兼容Firefox3,IE6,IE7,IE8和IE9的显示问题
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- 背景图片在ie7上显示不出来 在火狐上可以显示 找了半天也没有找到原因 后来发现 no-repeat与url之间没有空开 加了空格后ie7上能显示了
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- banner图片模拟器运行正常,真机运行崩溃,图片读不出来,显示数组添加空对象
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- 让IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- css区分ie8/ie9/ie10/ie11 chrome firefox的代码
- 轻松搞定各版本IE兼容问题,IE6,IE7,IE8,IE9,IE10,IE11
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- 一个系统的base.css,兼容IE7,IE8,IE9,IE10,IE11,firefox,safari,谷歌,360,世界之窗等浏览器起的公共css
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法 .
- JS判断浏览器IE6、IE7、IE8、IE9、IE10、IE11、Chrome、Firefox、Safari、Opera方法,亲测可用
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- 让IE6 IE7 4000 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法