IE CSS Bug及解决方案参考手册

2020-05-15 08:02:34易采站长站整理
13忽略’>’后有注释的选择器:selector> /**/ selector{}IE7bug | fixed官方DEMO有误14* htmlIE6─ HACK只对IE6有效15PNG图片中的颜色和背景颜色的值相同,但显示不同IE6-7bug | fixed利用 pngcrush 去除图片中的 Gamma profiles16margin:0 auto; 不能让block元素水平居中IE6-8bug | fixed给block元素添加一个width17使用伪类 :first-line | :first-letter, 属性的值中出现!important 会使属性失效IE8bug | fixed!important is evil, don’t use it anymore18:first-letter 失效IE6bug | fixed把 :first-letter 移到离{}最近的地方,如 h1, p:first-letter{},而非 p:first-letter h1{}19Position:absolute元素中,a display:block, 在非:hover时只有文本可点击IE6/7bug | fixed给a添加background, 如果背景透明,使用background:url(‘任何页面中已经缓存的文件链接’),不推荐background:url(#)[官方的解决方法],因为会增加一下HTTP请求20float列表元素不水平对齐:li不设置float,a设置display:block;float:[方向],li不水平对齐IE6/7bug | fixed给li设置display:inline 或 float:[方向]21dt, dd, li 背景失效IE6bug | fixeddt, dd, li{position:relative;}22<noscript />元素的样式在启用javascript的情况下显示了样式IE6-8bug | fixed利用js给<noscript />添加display:none;23使用filter处理的透明背景图片的透明部分不可点IE6-8bug | fixed把background:none变成background:url(‘链接’),链接到本身和图片之外的任何文件24li内元素偏离 baseline 向下拉IE8bug | fixed给li设置display:inline 或 float:[方向]25列表中li的list-style不显示IE6/7bug | fixed给li添加margin-left,留空间来显示(不要加在ul上)26图片不能垂直居中IE6/7bug/fixed添加一个空标签,并赋给”Layout”, 比如display:inline-block;27不能自定义指针样式IE6-8bug | fixed给指针文件设置绝对路径28背景溢出,拖动滚动条后显示正常IE6bug | fixed给父元素添加overflow:hidden防止溢出,并赋予hasLayout,如果添加_zoom:1;29高度超过height定义的高IE6bug/fixed添加_overflow:hidden;(推荐)或者_font-size:0;