html常见兼容性问题

1、IE6对PNG图片格式支持不好。

gif和png这两种图片的不同,gif支持图像透明,体积很小,网上很多小动画都是gif格式,保存出来的图片相对png图片会有明显的齿缘,视觉效果不太好,png图片相对gif占用内存小,但是png图片在IE6下背景是不透明的,针对IE6下图片背景不透明,可以专门写css hack语句。或者在PS中保存为PNG8格式的图片,有或者引入一段脚本处理。

2、浏览器默认的margin和padding不同。

解决办法:使用*{margin:0;padding:0;}

3、IE6双边bug问题。

如果给块级元素同时设置了margin-left和float:left;lIE6浏览器会解析margin-left值为2倍。或者设置了margin-right和float: right;浏览器会解析margin-right值为2倍。解决办法:加上_display:inline; (_display是IE6特有的写法) 或者给IE6写hack语句(不推荐)。

4、渐进识别方式,从整体逐渐排除局部

'\9':将IE浏览器从其他浏览器分离出来

.b{

background-color:red;//所有识别

.background-color:red;//IE6、7、8识别

+background-color:red;//IE6、7识别

_background-color:red;//IE6识别

}

5、IE下可以通过常规方法获取属性值,也可以通过getAttribute()方法获取属性。在火狐下只能用getAtrribute()方法。解决办法:统一用getAttribute()。

6、Chorme下会默认将文本字体小于12px的强制换为12px。

解决办法:加上-webkit-text-size-adjust: none ;

7、超链接访问之后hover样式不出现了,被点击后也不具有active和hover样式。

方法:按照顺序写 :a:link{   }  a:visited{  } a:hover{  } a:active{   }

8、上下margin会重合的问题。

margin-left和margin-right不会重合,但是margin-top和margin-bottom会重合。

解决办法:养成良好的书写习惯,同时书写margin-top或者同时书写margin-bottm。

9、怪异模式问题,如果漏写DTD声明,火狐还是会正常解析,但是IE会触发怪异模式。

加上<!DOCTYPE html>即可


  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值