CSS3可以讓網頁設計師們實現更加豐富的樣式效果，但是IE8不支持所有的CSS3新樣式，這也是我們需要考慮的一個問題。下面我們就來介紹一些CSS3新樣式在IE8下的兼容方式。

/*圓角*/
div{
border-radius: 5px;
-moz-border-radius: 5px; /*Firefox*/
-webkit-border-radius: 5px; /*Chrome、Safari*/
behavior: url(border-radius.htc); /*IE8使用插件*/
}
/*陰影*/
div{
box-shadow: 5px 5px 5px #888888;
-moz-box-shadow: 5px 5px 5px #888888; /*Firefox*/
-webkit-box-shadow: 5px 5px 5px #888888; /*Chrome、Safari*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=5); /*IE8使用濾鏡*/
}
/*漸變*/
div{
background: linear-gradient(to bottom, #ffffff 0%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000',GradientType=0); /*IE8使用濾鏡*/
}
/*透明度*/
div{
opacity: 0.5;
filter: alpha(opacity=50); /*IE8使用濾鏡*/
}

通過在CSS3樣式中加上其他瀏覽器的私有前綴以及在IE8使用插件或者濾鏡，就可以使CSS3新樣式在IE8下達到兼容效果。需要注意的是，ie8對某些樣式的支持會有限制，所以在設計的時候一定要根據需求來選擇相應的CSS3樣式。