ie8 background color-size ie8不支持怎么解决

来源：蜘蛛抓取(WebSpider) 时间：2017-09-05 01:45 标签： ie8下background size
dw中IE浏览器不支持background-size怎么办？【dreamweaver吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：149,676贴子：
dw中IE浏览器不支持background-size怎么办？收藏
代码如下：&body style=&background-image:url(images/bg.jpg);background-repeat:no-background-size:100% 140%;overfloat:&&在别的浏览器中都可以正常填充屏幕打开，只有在IE浏览器中，不会完全填充屏幕，查了一下说是IE8一下都不支持background-size的属性，那IE中填满屏幕的代码怎么写呢，求大神指导~
dreamweaver认准案虎课网-案例式短视频教学网站,为设计学员提供海量免费dreamweaver教程,高质量dreamweaver教程及图文教程,颠覆传统教学模式,随时随地,快学快用
查了一下说是IE8以下都不支持background-size的属性~
想开淘宝网，不会建网站，不会营销，不会语言，来思必达学院，这些问题都不是问题，搜
思必达学院
你去搜一个叫background-size polyfill的东西，是个外国人开发的，用一些其他方法解决这个问题，不过还是有一点点缺陷，具体方法你自己去查吧， 我自己做的网页一直也没降级过到ie8
确实IE兼容是个大问题，放弃IE咯欢迎加入web前端学习交流群，新建的群，欢迎加入，群号码：
登录百度帐号ie8下兼容background-sizing方案教程
没啥可说的，直接上代码。
通常给页面设置全屏背景时会这样写：
html, body {
width: 100%;
height: 100%;
background: url(&./images/bg.png&);
-webkit-background-size:
background-size:
but，background-sizing不兼容ie8。如下图
将body的样式增加一行代码：
background: url(&./images/bg.png&);
-webkit-background-size:
background-size:
/* ie8 实现全屏背景 */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&./images/bg.png&, sizingMethod=&scale&);
图片路径，可以是相对，也可以是绝对
sizingMethod
可选值，设置或检索的方式来显示一个图像在对象边界显示方式。有三个值：crop裁剪图像以适应对象的尺寸；image，默认值，扩大或减少对象的边界,以适应图像的尺寸；scale，伸展或收缩图像填充对象的边界；　　满心欢喜地写代码，最后测试兼容性的时候发现Logo图片在IE8下特别大。明显是background-size在ie8一下不兼容。
　　我懂得，IE8还是个孩子，我就加几句你独有的代码让你兼容吧，司空见惯了：
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo.png',
sizingMethod='scale');
　　然后发现logo变得十分华丽（奥义·双重logo）：
　　明显是ie8两种background属性设置都同时支持，把一个图片加载了两次。以前没有发现，是因为以前的图片并不透明，兼容语句引入的图片完美覆盖原来的图片，所以没有发现问题。现在的logo图片背景图片是透明的，所以叠一起了。
　　因此我们引用另外一种方法，引入火腿肠文件（.htc）来进行hack，强行让ie8支持background-size属性。简单来说，就是引入js文件来对图片大小进行配置。
　　使用的htc文件的background-size-polyfill项目git地址：
　　然后在css文件里面引用语句，注意url是相对于引用css文件的html的路径：
/*IE8 图片透明不可用filter*/
-ms-behavior: url(../htc/backgroundsize.min.htc);
behavior:url(../htc/backgroundsize.min.htc);
　　破费解决！小僵尸你学到了吗！
阅读(...) 评论()没有更多推荐了，
不良信息举报
举报内容：
解决IE8以下不支持background-size属性
举报原因：
原文地址：
原因补充：
最多只允许输入30个字
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！没有更多推荐了，
不良信息举报
举报内容：
background-size兼容IE8解决方案
举报原因：
原文地址：
原因补充：
最多只允许输入30个字
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！

我要回帖

更多关于 ie8下background size 的文章

 

随机推荐