隨著互聯網技術的發展，越來越多的網站開始使用CSS來控制樣式，但是在IE7中，CSS的兼容性并不好，需要使用特定的兼容寫法來保證網站在IE7中完整地展示。

下面介紹一些常見的ie7 CSS兼容寫法。

/* zoom：1; 用于清除IE7中元素高度為0的bug */
.example {
zoom: 1;
}
/* _display:inline-block; 用于在IE7中實現元素的inline-block效果 */
.example {
display: inline-block;
_display: inline-block;
}
/* *overflow:hidden; 用于在IE7中解決元素后面出現多余空白的問題 */
.example {
overflow: hidden;
*overflow: visible;
}
/* _height:auto; 用于解決IE7中圖片高度無法自適應的問題 */
.example img {
height: auto;
_height: expression(this.scrollHeight >200 ? '200px' : 'auto');
}
/* :first-child偽類在IE7中不支持，可以使用:after偽類來代替 */
.example li:after {
content: '';
}
/* IE7中不支持CSS3的偽元素，需要使用JS來進行兼容 */
.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兼容寫法的示例，但是需要注意的是，這些寫法主要是為了兼容IE7而出現的，如果沒有必要，建議不要使用這些hack寫法，因為它們可能會影響到其他瀏覽器的正常表現。