文字陰影：IE8

好的，所以我試圖在各種瀏覽器上實現text-shadow。我有IE6，IE7，FF，Chrome和Opera都能正常工作......但IE8不會'顯示任何陰影，除非它在'兼容性視圖'中。文字陰影：IE8

我已經通過搜索/ Google查看了一些'解決方案'，但陰影仍然只出現在'兼容性視圖'中。

有關如何讓它顯示而不必更改模式的任何想法？

注意：使用HTML5 Boilerplate和Modernizr。

編輯：補充說我使用Modernizr，並在測試儀中點擊了錯誤的按鈕。這在IE9中也不起作用，但我認爲它並不相關。

CSS：

#links li a { 
font-size: 24px; 
text-shadow: 0 3px 3px #102530, 0 3px 3px #102530; 
/* For IE 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#102530')"; 
/* For IE 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#102530'); 
filter:DropShadow(Color=#102530, OffX=0, OffY=3); 
zoom: 1; 
}

HTML

<ul id="links"> 
    <li><a href="#"/>Text</a></li> 
</ul>

來源

2011-04-22 David Bradbury

我認爲你只能使用'過濾器'一次，如果你想多個效果，使用逗號分隔。不是100％確定。 – Shaz 2011-04-22 19:42:27

我不敢相信我爲此啓動[Windows XP Mode]（https://www.microsoft.com/windows/virtual-pc/default.aspx）... – BoltClock 2011-04-22 19:43:29

我只使用一個過濾器爲IE。我首先使用逗號分隔的'text-shadow'，然後有兩個後備，一個用於IE8，另一個用於IE5.5-7.0，但IE8後備在沒有兼容模式下似乎不起作用。編輯：謝謝BoltClock，哈哈 – 2011-04-22 19:45:46

一個網站不一定必須看起來一樣在每一個瀏覽器。加上MS過濾器是廢話。我會建議使用Modernizer爲IE8應用不同的解決方案。

這將節省您的頭痛:)

來源

2011-04-22 19:45:32 Maverick

我使用Modernizr，但寧可不添加非語義如果我能避免它，請加價。 – 2011-04-22 19:46:55

+29

http://dowebsitesneedtolookexactlythesameineverybrowser.com/ – Shaz 2011-04-22 19:48:39

如果有什麼是非語義的，它是MS過濾器。 Modernizer類可以像你一樣有效。 – Maverick 2011-04-22 19:49:55

我試圖Modernizer（也heygrady's polyfill）。我試過cssSandpaper。我試過CSS3PIE。但是他們都沒有在Internet Explorer 8中顯示我的文字陰影（CSS3PIE不具備text-shadow）。我也試過double-markup method。但那真的不可能。

然後我發現Whykiki's blog post，並簡單地添加filter: dropshadow(color=#000000, offx=2, offy=2);與display: block;的組合。就是這樣。有些人可能會嘗試zoom: 1;而不是display: block;來激活它。 filter: glow(color=#000000,strength=2);也適用。如你所見，MS陰影不會模糊。我可以忍受這一點。

h1 { 
    color: #fce934; 
    text-shadow: 2px 2px 2px #000000; 
    -moz-text-shadow: 2px 2px 2px #000000; 
    -webkit-text-shadow: 2px 2px 2px #000000; 
    filter: dropshadow(color=#000000, offx=2, offy=2); 
    display: block; /* that's the important part */ 
}

來源

2014-03-05 14:42:39 leymannx

這應該是選擇的anwer – Daan 2015-06-10 18:51:26

感謝您的建議......對我的IE8問題非常好。 – user2662680 2016-01-06 18:38:10

文字陰影：IE8

回答

相關問題