2012-03-28 99 views
1

我使用CSS 3文字陰影來模擬我的網頁應用中的斜角和浮雕效果。問題是IE 10顯示很糟糕的陰影。我現在還沒有在IE 9上檢查它。但它可以修復嗎? 這是我使用::IE 3中的CSS 3文字陰影

text-shadow: 0px 1px 1px #A4A4A4; 
filter: dropshadow(color=#A4A4A4, offx=0, offy=-1); 

的CSS是否有任何JavaScript庫顯示文字陰影在IE瀏覽器?或任何其他技巧,將幫助我?或者添加任何額外的CSS屬性來解決這個問題?

+0

你讀過這個** http://fetchak.com/ie-css3/**? – 2012-03-28 13:54:18

回答

3

您可以嘗試其他陰影過濾器。

.shadow { 
    /* For IE 8+ */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; 
    /* For IE 5.5 - 7 */ 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 
} 

,或者使用模擬CSS3行爲文件: http://fetchak.com/ie-css3/

更新:對不起,我看錯,那黑影過濾器是box-shadow,不text-shadow。 Internet Explorer不支持text-shadow,但您可以使用drop-shadowglow過濾器來模擬此過濾器,請參閱this tutorial

+0

這兩個工作正常 – 2012-03-28 14:10:36