IE8作為早期的瀏覽器,它對CSS樣式支持并不完善,所以在為IE8寫CSS樣式時,需要注意一些問題。
首先,在為IE8寫CSS樣式時,需要避免使用CSS3的新特性,因為IE8并不支持CSS3,否則會導致樣式不能被正確地渲染。
.example { /* 避免使用CSS3新特性 */ box-sizing: border-box; font-size: 16px; /* IE8中的hack:使用Zoom實現Min-Height */ min-height: 200px; zoom: 1; }
其次,在為IE8寫CSS樣式時,需要注意選擇器的優先級問題。在IE8中,使用!important比其他瀏覽器的優先級要高,所以需要慎重使用。
/* 優先級:!important >id >class >tag */ .example { font-size: 16px; } #example { font-size: 20px !important; }
另外,在為IE8寫CSS樣式時,需要注意一些樣式細節。例如,在使用display:inline-block時,需要為IE8添加zoom:1和vertical-align:middle才能正確顯示。
.example { display: inline-block; /* IE8中的hack:使用Zoom和Vertical-Align */ zoom: 1; vertical-align: middle; }
綜上所述,為IE8寫CSS樣式需要避免使用CSS3新特性,注意選擇器的優先級問題,以及注意樣式的細節問題。這樣才能保證樣式在IE8中正確渲染。
下一篇為css添加字體文件