隨著時代的變遷，現代化的網頁設計離不開CSS（層疊樣式表）的應用。而CSS的兼容性問題也成為前端工程師不得不面對的挑戰。其中，IE8瀏覽器的兼容性問題是最為麻煩的。

/* IE8下的 CSS hack */
/* 背景圖不出現 */
.my-class {
background-color: #fff; /*針對除IE8以外的瀏覽器*/
background-image: none\0/; /*將背景圖片設為none,0和/忽略不認識的屬性*/
background-image: url(../images/my-bg.png);/*針對IE8瀏覽器*/
}
/* 透明度不起作用 */
.my-class {
filter: alpha(opacity=50); /*IE8以下*/
opacity: 0.5; /*Safari 1.0 - 1.2*/
-moz-opacity: 0.5; /* FireFox 0.8 - 1.0*/
-khtml-opacity: 0.5; /*Konqueror 3.1*/
}
/* inline-block不起作用 */
.my-class {
display: inline-block; /*針對大部分瀏覽器*/
*display: inline; /*針對IE6、7，添加星號達到hack效果*/
*zoom: 1; /*針對IE6、7，添加zoom達到hack效果*/
}

上述代碼是在IE8下遇到的一些兼容性問題所使用的CSS hack。通過書寫特定的CSS代碼，可以針對IE8瀏覽器進行特殊處理，達到正常顯示的效果。但是需要注意的是，過多的hack代碼會增加網頁的代碼壓力，降低加載速度。因此，在使用CSS hack時，應該控制其使用數量，保證網頁性能的高效率。