常见浏览器兼容性问题

问题一、不同浏览器的标签默认的margin和padding不同

解决方案:*{margin:0;padding:0;}

问题二、块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大

解决方案:在float的标签样式控制中加入display:inline;将其转化为行内元素

问题三、设置较小高度标签,在ie6 ie7 遨游中高度超出自己的设置高度

解决方案:给超出高度的标签设置overflow:hidden;或者设置行高line-height小于你设置的高度

问题四、行内属性标签,设置display:block后采用float布局,又有横行的margin的情况,ie6间距bug

解决方案:在display:block;后面加入display:inline;display:table;

问题五、图片默认有间距

解决方案:使用float属性为img布局

问题六、标签最低高度设置min-height不兼容

解决方案:如果我们要设置一个标签的最小高度200px,需要进行的设置为:{min-height:200px;height:auto!important;height:200px;overflow:visible;}

问题七、透明度的兼容CSS设置

 

posted @ 2016-03-23 13:55  bottle_小姐  Views(146)  Comments(0)    收藏  举报