IE常见兼容问题

浏览器兼容问题1:不同浏览器的标签默认的外补丁和内补丁不同

问题症状:随便写1个标签,不加样式控制的情况下,胳肢的margin 和padding差异较大。

解决⽅案:CSS *{margin:0;padding:0;}

浏览器兼容问题2:块属性标签float后,有横⾏的margin情况下,在IE6显示margin比设置的大

问题症状:常见症状是IE6中后面的一块被顶到下一行

在float的标签样式控制中加 display:inline;将其转化为行内属性

浏览器兼容问题三:设置较小高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度

浏览器兼容问题五:父元素绑架子元素的margin-top

问题症状:这个问题主要出现在非IE浏览器中。如果父元素和子元素之间没有任何内容,将父元素设置margin-top后,子元素不会动,父元素会因为margin-top往下移动。

解决⽅案:在⽗元素和⼦元素之间加入heigth:0px或者设置父元素的padding-top。

浏览器兼容问题六:图片默认有间距

问题症状:一个img标签放在一起的时候,有些浏览器会有默认的间距,加了问题一中提到的通配符也不起作用。

使用float属性为img布局

posted @ 2015-07-26 23:21  飞翔的豆腐  阅读(258)  评论(0编辑  收藏  举报