您的位置：首页 > Web前端 > HTML

html常见兼容性问题

2018-03-16 15:15 288 查看

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>即可

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 前端面试题

相关文章推荐

新的分享

章节导航