ie常见的css问题及解决方法.docx

普通BUG ?????????? ?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? bug名称影响版本描述 HYPERLINK /css/Image-Label-Focus-Bug \l tc_qz_original\t _blank Image Label Focus BugIE8,IE7,IE6img元素在label元素之内，单击时，焦点不会转移到相应的表单控件解决办法：用背景图片的办法。 HYPERLINK /css/No-Auto-Margin-Center-on-Buttons-Inconsistency \l tc_qz_original\t _blank 按钮Margin-Auto非居中IE8Button或类似元素并不居中当{ display: block; margin-left: auto; margin-right: auto;}作用与它 时候且“宽”是不明确的解决办法：设置具体宽度，不要用auto。 HYPERLINK /css/Incorrect-Float-Shrink-Wrap-Bug \l tc_qz_original\t _blank 不正确的浮动收缩-包裹bugIE7,IE6一个浮动元素（设置了clear属性）在另一个浮动元素之后时不能正确的收缩-包裹解决办法：两个浮动元素之间增加一个内联标签span且设置属性zoom：1（触发layout）display: block; HYPERLINK /css/Document-Scrollbars-Overflow-Inconsistency \l tc_qz_original\t _blank overflow:hidden滚动条居然还在IE7,IE6页面内有大于浏览器窗口宽度的元素，body设置overflow属性无效解决办法：增加html{overflow:非auto值} HYPERLINK /css/Float-Squeeze-Weird-Gap-Bug \l tc_qz_original\t _blank 浮动挤压怪异差距bugIE7,IE6倒数第一个和倒数第二个浮动元素的间距似乎垂直堆叠了。解决办法：浮动层的父层设置一个合适的宽度。 HYPERLINK /css/Float-Squeeze-Duplicate-Last-Character-Bug \l tc_qz_original\t _blank 浮动复制最后一个字符bugIE7,IE6浮动元素的最后一个字符被复制根据它提供的代码我的IE6怎么没这个BUG？ HYPERLINK /css/Empty-Element-Height-Bug \l tc_qz_original\t _blank 空元素高度bugIE7,IE6有”layout”属性的空元素获得高度很显然：设置高度0；超出隐藏 HYPERLINK /css/Form-Control-Double-Margin-Bug \l tc_qz_original\t _blank 表单控件的双边距bugIE7input和textarea元素上的水平margin“继承”于含有margin和layout属性的祖先双倍边距BUG在IE7上的姊妹篇。办法很多。 HYPERLINK /css/IE7-1px-Dotted-Border-Appears-As-Dashed-Bug \l tc_qz_original\t _blank IE7 1像素点边框表现为虚线边框IE7当至少有1边的变宽宽度大于1像素时，1像素的点边框表现为虚线边框外面在套一个大于1宽度边线的层。貌似IE6有没有大于1像素情况都是虚线。 HYPERLINK /css/Relative-Overflow-Failure-Bug \l tc_qz_original\t _blank Relative Overflow失效的bugIE7,IE6含有overflow（hidden或auto）属性的元素的后辈如果含有position:relative属性，则其表现得就像是设置为visible属性一样父元素设置posit