解决ie下部支持background-size:100%;属性的方法

原创 2016年11月14日 14:58:33
方法一:事情有很多解决办法,这种不可以就换另一种
图片放在页面里
  例如:
1.设置整个页面背景图
html:
<div id="bj">
<img src="img/bg.jpg"  />
</div>
        css:
#bj{
position:absolute;
top:0;
left:0;
z-index:-1;

#bj img{
width:100%;
                height:100%;
}
       js:
      $(function(){
zsy();
$(window).resize(function(){
zsy();
                });
});
       function zsy(){
              var  height=$(window).height();
              var  width=$(window).width();
     $("#bj").css("width",width);
     $("#bj").css("height",height);

      }

方法二:引用外部backgroundsize.min.htc

                  1.去网上把backgroundsize.min.htc下载放入项目

                  css:

#bj{

background:url(img/bg.jpg) center center   no-repeat;

                        background-size:cover;

behavior:url(backgroundsize.min.htc); 

-ms-behavior:url(backgroundsize.min.htc);

               }

解决IE浏览器部分版本不支持background-size属性问题

background-size是CSS3新增的属性,现在有很多浏览器都支持CSS3了。但是IE浏览器有些版本还是不支持,比如IE8,IE9也有些CSS3的属性会支持,但是有些也不支持。在这里就了解一下...
  • zuoyixiao
  • zuoyixiao
  • 2014-12-02 10:53:00
  • 10055

css3 background-size属性--ie兼容

background-size 指定背景图像大小,以象素或百分比显示,当指定为百分比时,大小会由所在区域的宽度、高度以及 background-origin 的位置决定,还可以通过 cover 和 c...
  • zerlinda_c
  • zerlinda_c
  • 2015-11-24 18:10:26
  • 2808

IE8兼容background-size属性

IE8无法兼容CSS3的很多属性和方法比如:background-size等这些比较常用的属性。网上很多人都说用滤镜效果就可以:先看滤镜效果的实现方式:第一:在dom元素rend的时候判断浏览器类别,...
  • superdog007
  • superdog007
  • 2016-03-19 17:25:20
  • 5845

解决IE8以下不支持background-size属性

background-size是CSS3新增的属性,但是IE8以下还是不支持,可以通过滤镜来实现这样的一个效果 background-size:contain; // 缩小图片来适应元素的尺寸(...
  • lxtlog
  • lxtlog
  • 2016-11-21 09:36:37
  • 10171

IE8兼容background-size

因为background-size是CSS3的属性,所以IE8并不支持。 可以采用滤镜来支持,即 在IE不支持这个属性的时候可以通过滤镜来实现这样的一个效果。 代码如下: ...
  • xiaoouh
  • xiaoouh
  • 2016-02-18 15:22:08
  • 3133

background-size兼容IE8解决方案

1、通过滤镜的方法  body{ background: url(../images/login_register/login-register-background.jpg)  no-repea...
  • fb_01
  • fb_01
  • 2015-12-09 10:14:27
  • 10075

让 IE8支持CSS3 background-size属性(引用外部backgroundsize.min.htc)

1.把backgroundsize.min.htc下载放入项目 2.css html{ width: 100%; height: 100%; } body{ width: ...
  • Mister_SNAIL
  • Mister_SNAIL
  • 2018-03-20 17:56:09
  • 22

关于在ie8下背景图不识别background-size的问题

在ie9及以上我们使用 -moz-background-size:70%; -webkit-background-size:70%; -o-background-size:70%; -ms-b...
  • u010289111
  • u010289111
  • 2015-11-04 10:59:39
  • 5506

IE浏览器部分版本不支持background-size属性问题

background-size是CSS3新增的属性,但是IE8以下还是不支持,可以通过滤镜来实现这样的一个效果 background-size:contain; // 缩小图片来适应元素的尺寸(...
  • xm1037782843
  • xm1037782843
  • 2016-09-27 19:46:10
  • 277

css3的background-size兼容IE低版本

众所周知。IE浏览器是个特么头疼的家伙,是不是看到它就想当面强奸它的感觉 我也是刚初来咋到,今天写页面的时候用到的css3的background-size属性,其经常出现的值有cover或者用100%...
  • sina1990125
  • sina1990125
  • 2015-11-12 10:34:42
  • 750
收藏助手
不良信息举报
您举报文章:解决ie下部支持background-size:100%;属性的方法
举报原因:
原因补充:

(最多只允许输入30个字)