隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，越來(lái)越多的網(wǎng)站開(kāi)始使用CSS來(lái)控制樣式，但是在IE7中，CSS的兼容性并不好，需要使用特定的兼容寫(xiě)法來(lái)保證網(wǎng)站在IE7中完整地展示。

下面介紹一些常見(jiàn)的ie7 CSS兼容寫(xiě)法。

/* zoom：1; 用于清除IE7中元素高度為0的bug */
.example {
zoom: 1;
}
/* _display:inline-block; 用于在IE7中實(shí)現(xiàn)元素的inline-block效果 */
.example {
display: inline-block;
_display: inline-block;
}
/* *overflow:hidden; 用于在IE7中解決元素后面出現(xiàn)多余空白的問(wèn)題 */
.example {
overflow: hidden;
*overflow: visible;
}
/* _height:auto; 用于解決IE7中圖片高度無(wú)法自適應(yīng)的問(wèn)題 */
.example img {
height: auto;
_height: expression(this.scrollHeight >200 ? '200px' : 'auto');
}
/* :first-child偽類在IE7中不支持，可以使用:after偽類來(lái)代替 */
.example li:after {
content: '';
}
/* IE7中不支持CSS3的偽元素，需要使用JS來(lái)進(jìn)行兼容 */
.example:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}

以上是一些IE7 CSS兼容寫(xiě)法的示例，但是需要注意的是，這些寫(xiě)法主要是為了兼容IE7而出現(xiàn)的，如果沒(méi)有必要，建議不要使用這些hack寫(xiě)法，因?yàn)樗鼈兛赡軙?huì)影響到其他瀏覽器的正常表現(xiàn)。