HTML常见的BUG(了解)

常见的BUG(了解)

IE

1. 如果图片有超链接的时候，会在IE显示蓝色边框；
   HACK：img{border:0;}
2. 双倍浮向（如果一个元素添加float:left并且有margin:left;在IE6中显示两倍的margin值）
   HACK:给元素添加display:inline;
3. 默认大小：让元素高度保持一个最小的高度16px左右。
   HACK:用font-size:0;或者是overflow:hidden;

不仅IE，其他浏览器也存在的BUG;

4. 图片会把父元素撑大大约3像素；
   第一种方法：把图片两侧不要回车符；
   第二种方法：给图片添加display:block;
5. 网页中按钮元素大小不一致；
   HACK：A,如果按钮不在表单里面，都是用a模拟；
   B,如果按钮是一张图片，直接切图做背景即可；
   C,input按钮边框显示问题，在input按钮的外围嵌套一个父元素，边框加在父元素上面即可；
6. input对其不一致；
   HACK:给input添加浮动；
7. 鼠标指针：
   属性：cursor:hand;（现在高版本浏览器不支持）
   HACK:pointer（代替hand)
8. 透明opacity (IE不识别)
   HACK:opacity:1;
   filter:alpha(opacity=100);