首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css兼容ie浏览器

发布于 2024-11-11 15:37:00
0
16

在开发网页时,我们常常需要关注网页在不同浏览器下的兼容性问题,其中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等等。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流