background-size设置背景图片自适应在ie8下失效的问题

遇到的问题是：有一个div ，div用绿色框体现。然后通过js控制框的大小，实现动态的改变div的大小。（放大缩小窗口，div跟随变大变小。）

设置了div的css属性 background-image：url(http://i1.piimg.com/1949/c777d079f3fb68ec.png); background-size：cover；

通过浏览器使用发现，div框会变，但是ie8（只用了chrome，ie8，chrome没问题。）图片不会根据框进行缩放。百度查询后发现是ie8不支持background-size：cover；要加上滤镜（原理还不知）。

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.piimg.com/1949/c777d079f3fb68ec.png',sizingMethod='scale');
其中src,url ,需要绝对路径。我使用本地的路径都是提示找不到。可能是浏览器安全原因。网址就没问题了。百度下，上传图片，然后获得一个连接，再在项目中使用即可。
还是要想想如何使用本地路径 chrome ，ie 都可以访问。

background-size设置背景图片自适应在ie8下失效的问题相关推荐

HTML 设置背景图片自适应
HTML 设置背景图片自适应 background: url(xxx.png) no-repeat fixed; background-size:100% 100%;
用css使用html设置背景图片自适应,CSS怎么设置背景图片自适应全屏？附源码！...
不少同学在设置网站背景图片时会遇到这么一个问题:背景图片总是不能铺满整个屏幕,不是图片太小就是图片被过度放大,显得不太美观.那么 CSS 怎么设置背景图片自适应全屏呢?这篇文章告诉你. 实现效果: 源 ...
css怎么设置背景图片自适应大小
在css中,可以利用"background-size"属性设置背景图片自适应大小,该属性用于设置背景图片的大小,只需要给背景图片元素添加"background-size: ...
div设置背景图片自适应
div设置背景图片,不重复不变形,还可根据不同屏幕的宽度,自适应高度效果: 宽度变窄,高度相应比例变窄宽度变宽,高度相应比例变宽高度与宽度无法直接自适应,需要找一个中间的属性相串联. 宽度的自适 ...
css设置背景图片自适应
CreateTime--2017年12月25日16:36:07 Author:Marydon 控制背景图片100%自适应填充布局 /* 控制背景图片100%自适应填充布局 */ body{ backg ...
html设置背景图片自适应
在<body>中设置: <body background="images\bg.jpg" style=" background-repeat:no-re ...
css设置背景图片自适应（转）
body{background-image: url("../img/deng_lu.jpg");background-repeat:no-repeat;background-si ...
web前端开发人员要求，css设置背景图片自适应
为什么要写这篇文章从一开始手指冒汗被怼的说不出话,到最后和面试官侃侃而谈游刃有余,我发现:同样的能力水平,在不同的面试表现下,反馈到面试官眼中的结果可以有着天壤之别. 因此,如果你希望把自己的真实水 ...
.net的label的背景如何设置成为透明_css如何设置背景图片？background属性添加背景图片...
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...

background-size设置背景图片自适应在ie8下失效的问题

background-size设置背景图片自适应在ie8下失效的问题相关推荐

最新文章

热门文章

background-size设置背景图片自适应 在ie8下失效的问题

background-size设置背景图片自适应 在ie8下失效的问题相关推荐

最新文章

热门文章

background-size设置背景图片自适应在ie8下失效的问题

background-size设置背景图片自适应在ie8下失效的问题相关推荐