IE6的一些兼容性问题

最新推荐文章于 2024-09-07 19:05:57 发布

北极宝宝

最新推荐文章于 2024-09-07 19:05:57 发布

阅读量328

点赞数

分类专栏： css 文章标签： ie 6 css

本文链接：https://blog.csdn.net/qq_26964289/article/details/51456412

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

总结一下IE6兼容性的部分小问题：
1.IE6的hack问题：在css属性前加上下划线“_”，这个属性就是IE6认识的专有属性。可以用它解决一些IE6的兼容问题。
例如：

_background-color:red;//只有IE6才认识这个属性

2.IE6不支持小于12px的盒子。解决办法是给盒子设置一个“_font-size”属性，使属性值尽可能小，如：_font-size:0;

div{
            width: 100px;
            height: 4px;   /*IE6不支持小于12px的盒子*/
            border: 1px solid black;
            margin:0 auto;
            _font-size:0; /*加上“_font-size"属性解决IE6不兼容小于12px盒子的问题*/
            _background-color:red;  
        }

3.IE6不支持用overflow:hidden来清除浮动。解决方法是增加_zoom:1;属性。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin:0;
            padding: 0;
        }
        ul{
            list-style: none;/*清除默认的小圆点*/
        }
        li{
            float: left;
            width: 120px;
            height: 30px;
            background-color: orange;
        }
        .box1{
            overflow: hidden;
            _zoom:1;/*解决IE6不支持用overflow:hidden清除浮动的问题*/
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="box1">
        <ul>
            <li>html</li>
            <li>css</li>
            <li>js</li>
        </ul>
    </div>
    <div class="box2">
        <ul>
            <li>语文</li>
            <li>数学</li>
            <li>英语</li>
        </ul>
    </div>
</body>
</html>

4.IE6双倍margin问题：当出现连续浮动的元素，如果margin方向跟浮动方向相同时，队首的元素会出现双倍margin的距离。
解决方法：使浮动方向跟margin方向相反。

北极宝宝

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE6的一些兼容性问题

总结一下IE6兼容性的部分小问题： 1.IE6的hack问题：在css属性前加上下划线“_”，这个属性就是IE6认识的专有属性。可以用它解决一些IE6的兼容问题。例如：_background-color:red;//只有IE6才认识这个属性2.IE6不支持小于12px的盒子。解决办法是给盒子设置一个“_font-size”属性，使属性值尽可能小，如：_font-size:0;div{
复制链接

扫一扫