在开发网页时,我们常常需要关注网页在不同浏览器下的兼容性问题,其中ie浏览器的兼容性问题尤为突出。在使用css样式时,也需要一些特殊的技巧来解决ie浏览器的兼容性问题。以下是一些常见的css样式兼容i...
在开发网页时,我们常常需要关注网页在不同浏览器下的兼容性问题,其中ie浏览器的兼容性问题尤为突出。在使用css样式时,也需要一些特殊的技巧来解决ie浏览器的兼容性问题。
以下是一些常见的css样式兼容ie浏览器的技巧:
1. 使用 “*”选择器来兼容ie6和ie7浏览器中的双倍边距问题; *margin:0; *padding:0; 2. 使用 “display:inline-block” 来兼容ie浏览器中块级元素设置宽度无效的问题; display:inline-block; *display:inline; *zoom:1; 3. 使用 “text-indent:-9999px” 来兼容ie浏览器中替换元素img的alt属性无效的问题; text-indent:-9999px; *font-size:0; *line-height:0; 4. 使用 “filter:alpha(opacity=50)” 来兼容ie浏览器中透明度设置的问题; opacity:0.5; filter:alpha(opacity=50); 5. 使用 “min-height:auto !important” 来兼容ie浏览器中min-height属性不起作用的问题; min-height:300px; height:auto !important; height:300px; 6. 使用 “position:relative; zoom:1;” 来兼容ie6和ie7浏览器中绝对定位元素无法覆盖其他元素的问题; position:relative; zoom:1; 7. 使用 “list-style:none;” 来兼容ie浏览器中列表样式不正确的问题; list-style:none; 8. 使用 “display:inline-block; *display:inline; *zoom:1;” 来兼容ie6和ie7浏览器中无法水平居中的问题; display:inline-block; *display:inline; *zoom:1; text-align:center;
以上是一些常见的css样式兼容ie浏览器的技巧,但在实际开发中可能会遇到更多的问题,需要不断地积累经验并解决问题。同时,也可以使用插件或框架来解决ie浏览器的兼容性问题,如IE=edge标签、Modernizr、Normalize.css等等。