css兼容ie6代码

CSS作为前端必不可少的一部分，在不同的浏览器中都有着不同的表现，其中最为典型的就是IE6的兼容问题。下面我们来介绍一些在编写CSS兼容IE6时常用的代码。

/* 1. 解决IE6下图片链接出现蓝色边框的问题 */
a img {
    border: none;
}

/* 2. 解决IE6下页面出现双倍边距的问题 */
* html .Box {
    margin: 0;
}

/* 3. 解决IE6下图片自适应大小的问题 */
img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

/* 4. 解决IE6下position:fixed无法使用的问题 */
* html body {
    behavior: url(css/ie/css/fixed.htc);
}

/* 5. 解决IE6下min-height无法使用的问题 */
.Box {
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

/* 6. 解决IE6下transparent无法使用的问题 */
* html .Box {
    background-color: #000000;
    filter: alpha(opacity=0);
    zoom: 1;
}

/* 7. 解决IE6下元素间距溢出的问题 */
.Box {
    overflow: hidden;
    zoom: 1;
}

/* 8. 解决IE6下PNG图片透明背景变黑的问题 */
img {
    behavior: url(css/ie/css/iepngfix.htc);
    padding: 0;
    margin: 0;
}

以上是一些常见的CSS兼容IE6的代码，但随着浏览器技术的不断更新，也会有越来越多的代码出现，希望大家在编写代码时能够多加注意。