关于IE8 IE9 兼容性问题(长期更新)

  1. background属性
    在IE8 IE9中 不支持background的连写,但是可以写到 repeat属性
    background:url(’’) no-repeat
    定位就要分开写了;
  2. 不支持background-size属性
    网上主要说是两种解决方法一种是使用.htc文件一种是使用滤镜。
    但是前者我不知道怎么去使用,一直没有成功过。第二种成功了。
    .div{
    background:url('地址') no-repeat;
    background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='地址',sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='地址',sizingMethod='scale');
    }
    
    在IE8打开F12调试会发现 background-size:cover;下有黄色波浪线,但是配合后面的写法就可使用了
  3. 关于body标签 height:100%问题
    在IE10 11 中 body{height:100%}这种属性是没有啥作用的。但是如果将这个属性写在IE8中 那么就会出现问题。它会使body的高度确定为当前浏览器视窗高度(会受缩放影响)的大小,进而导致视窗以下的内容不显示。**因此无论怎么写尽量不要给body设置height100%这样的属性
发布了31 篇原创文章 · 获赞 25 · 访问量 6510

猜你喜欢

转载自blog.csdn.net/qq_43719932/article/details/90577409
今日推荐