陰影在IE 9

面色不善尋找在互聯網如何把一個陰影，我的容器，我發現這個代碼，我申請到我的div陰影在IE 9

.boxShadow { 
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; 
}

現在，這個代碼使的我的div在Chrome和Firefox看起來很棒 this is how it look in chrome and FF

但出於某種原因，這是怎麼看起來像在IE 9 this is how it's looks in IE 9

我知道風格是鍍鉻和FF對IE瀏覽器的不同，但我想知道爲什麼我的風格正在添加陰影爲char也有人，有沒有辦法解決這個問題？感謝您的幫助

來源

2011-08-21 Jorge

在IE中一切看起來不妙 –

當天IE發生火災的時候哦。它當然無法抵擋判斷的日子。 :) – David

這個替換您的規則：

.boxShadow { 
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
}

要支持IE 6，7，8，再加入含有此規則conditional CSS：

.boxShadow { 
    behavior: url(ie-css3.htc); 
}

下載ie-css3.htc從http://box-shadow.googlecode.com/files/ie-css3.htc。

來源

2011-08-21 02:43:42 Behrang

回答

相關問題