html常见兼容性问题有哪些?

 我来答
尼鸿水鞋2M
2019-10-09 · 超过39用户采纳过TA的回答
知道小有建树答主
回答量:67
采纳率:100%
帮助的人:6.7万
展开全部
1.当加了doctype

<img /> 标签的alt属性在ie8或以上不生效,所以推荐使用title属性。

2.什么情况下使用id选择器或class选择器
id选择器复用性比较低,优先级比较高,唯一使用,所以如果某个样式
只是给某一个html元素使用,则选择id选择器,如果一个样式可能给多个
html元素使用,则应当使用class选择器。

3.a:link 在ie5,6下无效
可以直接使用a{...}

4.IETest工具,也有一个兼容性问题,在win7下,打不开ie6。可以下载绿色版的ie6,不用安装直接用的那种。

5.在嵌套div中,如果外层div没有设置边框,内层div的margin-top会无效。
Me范
2019-10-09 · 超过33用户采纳过TA的回答
知道答主
回答量:98
采纳率:80%
帮助的人:20.2万
展开全部
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>即可 (BY三人行慕课)
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式