background-size ie8不支持怎么解决
2017-05-08 16:58
489 查看
background-size这个属性是css3,新增的属性,现在很多浏览器已经支持了,但是IE系列的浏览器却没有支持,比如IE8,下面介绍下如何解决这个问题
在IE浏览器中,可以通过滤镜filter来实现。
background-image: url('test.jpg');
background-size: cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.jpg', sizingMethod='scale');
其中,图片的路径url和src必须一样,同时路径都必须是绝对路径,全路径,才可以,否则会出错
IE例
<td width="870" height="300" style="background: url(login/image/index_main.jpg) no-repeat right top;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='login/image/index_main.jpg',sizingMethod='scale');" >
Chrome例
<td width="870" height="300" style="background: url(login/image/index_main.jpg) no-repeat right top;
background-size:100%;" >
在IE浏览器中,可以通过滤镜filter来实现。
background-image: url('test.jpg');
background-size: cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.jpg', sizingMethod='scale');
其中,图片的路径url和src必须一样,同时路径都必须是绝对路径,全路径,才可以,否则会出错
IE例
<td width="870" height="300" style="background: url(login/image/index_main.jpg) no-repeat right top;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='login/image/index_main.jpg',sizingMethod='scale');" >
Chrome例
<td width="870" height="300" style="background: url(login/image/index_main.jpg) no-repeat right top;
background-size:100%;" >
相关文章推荐
- 解决IE8以下不支持background-size属性
- 移动设备部分不支持background—size解决办法
- IE8以下浏览器不支持document.getElementsByClassName() 访问节点;怎么解决?---封装自己的类名
- 解决IE不支持 background-size:cover;
- 背景图片background-size兼容ie8以下浏览器解决
- 设置ie8 支持css3 background-size
- 解决ie下部支持background-size:100%;属性的方法
- 解决IE浏览器部分版本不支持background-size属性问题
- css背景图片填充样式background-size兼容ie8以下浏览器解决
- 让ie8以下支持background-size的方法
- 让 IE8支持CSS3 background-size属性(引用外部backgroundsize.min.htc)
- 进一步优化—IE8以下浏览器不支持document.getElementsByClassName() 访问节点;怎么解决?---封装自己的类名
- css3 @media不支持ie8怎么办?用respond.js 解决IE6~8的响应式布局问题
- 让IE7 IE8支持CSS3 background-size属性
- 让IE7 IE8支持CSS3 background-size属性
- li标签float:left,IE6中第二行会空缺一块,ie8和FF正常,怎么解决?
- li标签float:left,IE6中第二行会空缺一块,ie8和FF正常,怎么解决?
- IE8不支持TD8.0的解决办法
- eWebEditor不支持IE8IE7火狐遨游的解决方法
- 解决eWebEditor支持IE6、IE7、IE8的三个方法