在網頁設計中，IE瀏覽器的CSS兼容性一直是個老生常談的話題。很多開發者在編寫CSS樣式表時都會遇到在IE瀏覽器中無法正常顯示的問題。下面就讓我們一起來看看如何解決這些問題。

/*用來解決IE6下的雙倍邊距Bug*/ 
#ele1 { margin: 10px \0/IE6; }
/*用來解決IE6~8下的透明度Bug*/
#ele2 { 
background: transparent; /* 其他瀏覽器*/ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/*IE6~8*/ 
zoom: 1; 
}
/*用來解決IE6~8下塊狀元素超出父級寬度的Bug*/
#ele3 { 
overflow-x:hidden; /*其他瀏覽器*/
_width:expression(this.parentNode.offsetWidth + "px"); /*IE6~8*/
}
/*用來解決IE6下PNG透明背景的問題，需要一張透明的GIF圖*/
#ele4 { 
background: url(transparent.gif); /*其他瀏覽器*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='transparent.png', sizingMethod='scale');/*IE6*/
}
/*用來解決IE6~7下不識別!important的問題*/
#ele5 { 
color: #fff!important; /* 其他瀏覽器*/ 
*color: #ccc; /* IE6~7 */
/*注意！這里的*號是CSS Hack中的一種，代表對IE6~7生效*/ 
}

上面這些代碼可以很好地解決IE瀏覽器的CSS兼容性問題，但是在實際開發中，建議盡量避免使用CSS Hack，因為這會使得代碼變得難以維護。如果在寫CSS時能夠按照標準語法編寫，那么兼容性問題也會輕松解決。