关于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%这样的属性
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值