常见浏览器兼容性问题与解决方案

不同浏览器的标签默认的margin和padding不同

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button,
input, textarea, th, td { margin:0; padding:0; }

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

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

设置较小高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度

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

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

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

图片默认有间距

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

标签最低高度设置min-height不兼容

解决方案:如果我们要设置一个标签的最小高度200px,需要进行的设置为:

{min-height:200px; height:auto !important; height:200px; overflow:visible;}

透明度的兼容CSS设置

results for ""

    No results matching ""