內陰影在IE

Question

什麼是IE 7+以下兼容CSS代碼：

-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25); 
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25); 
box-shadow:   inset 0 0 10px rgba(0, 0, 0, 0.25); 

Answer 1

你可能必須使用IE瀏覽器過濾器：Shadow Filter for IE 5.5+

還是這另一種方法，但我m不知道插入部分：Box Shadow - CSS Tricks

Answer 2

IE7/8在標準CSS中不支持box-shadow。

它有可能使用IE專有的filter風格得到它的工作，但這可能會非常痛苦，絕對不符合標準。

另一種方法是使用CSS3Pie。對於IE 6/7/8，這是一個小的JavaScript黑客攻擊，它實現了標準的CSS box-shadow以及這些舊瀏覽器的其他一些樣式。

只需下載css3pie腳本pie.htc並將其複製到您的網站。然後引用它在你的CSS旁邊的box-shadow風格：

.myClass { 
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25); 
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25); 
    box-shadow:   inset 0 0 10px rgba(0, 0, 0, 0.25); 
    behavior: url(/PIE.htc); 
} 

見CSS3Pie網站了解更多：http://css3pie.com/

Answer 3

閱讀我的文章： http://dev.opera.com/articles/view/cross-browser-box-shadows/

在純色背景情況下，它是真正的創造在IE8中嵌入盒子陰影。