1. 首頁
  2. 問答
  3. 在IE10中沒有文字陰影

在IE10中沒有文字陰影

2013-05-12 123 views
3

我有一個應用了文字陰影的菜單，所以模糊了鏈接。它按預期工作，除了在IE10中完全隱藏鏈接。 只有當鼠標懸停在鏈接上時，纔會顯示它們，因爲在懸停文本上陰影被刪除。在IE10中沒有文字陰影

下面是應用代碼：

text-shadow: 0px 0px 3px #fff;

而且，這裏是鏈接...菜單位於屏幕的左下部分。 http://madebym.net/test/ractiv/index.html

來源

2013-05-12 suludi

+0

我在IE10中看到文本 - 陰影很好。您可以打開開發人員工具（F12）並確保渲染和文檔模式設置爲IE10和IE10標準模式？可能是因爲您已切換到以前版本IE的兼容模式。 – 2013-05-13 01:40:02

+0

是的，它是有效的，我的錯誤。但正如我在下面的評論中所說的，問題是設置顏色：所有鏈接都是透明的，即IE10不理解的屬性。我爲IE10和更低版本提供了條件樣式。 – suludi 2013-05-20 22:58:51

回答

3

這個問題有幾個可能的原因。

  1. IE不顯示與大多數brosers相同的文本陰影：由於某些原因，IE陰影更加不透明。那麼你將不得不檢查瀏覽器。

    IE < = 9：

    filter:progid:DXImageTransform.Microsoft.DropShadow(color=#000000, offX=1, offY=1);

    （詳細信息：http://msdn.microsoft.com/en-us/library/ms532985%28v=vs.85%29.aspx）
    （看起來也似乎是一個過濾器命名爲 「模糊」，可能是更多，你需要什麼它在網頁上提到的。）

    IE 10+：

    text-shadow: 0px 0px 3px rgba(100%,100%,100%,0.8);

    （略透明的陰影，以抵消IE的陰影不透明度你也可以紅眼。 Ë影子的大小，看看它做什麼）

    其他瀏覽器：。

    text-shadow: 0px 0px 3px #fff;

    （你的正常碼）

  2. 的原因也可能是因爲你使用了一個陰影IE過濾器適用於以前的IE版本，但忘記不適用於支持正常陰影的IE 10，從而導致兩種效果疊加。

  3. 聽起來不太可能，但也許有一個默認值差異影響到這一點。你使用CSS重置？

來源

2013-05-12 14:00:16 Ariane

+0

沒有使用過濾器，我用*重置所有邊距和填充。此外，我減少了文字陰影，它仍然隱藏了我的鏈接。那也是我首先想到的。我想只需要一個單獨的IE樣式表。 – suludi 2013-05-12 14:06:52

+0

嘗試使用帶有白色文本陰影的黑色框上的白色文本的JSFiddle，然後測試一些內容，並在多個瀏覽器中打開它。另外，我不認爲你需要一個完整的單獨的樣式表。上面顯示的簡短樣式標籤或PHP瀏覽器檢測腳本可以完成這項工作。 – Ariane 2013-05-12 14:09:18

+0

這不是導致問題的文字陰影，而是所有鏈接上的顏色：透明設置。看來沒有IE版本支持這個屬性。 – suludi 2013-05-12 14:20:42

0

使用此text-shadow: 0px 0px 3px 1px rgba(255,255,255,0.5)。

來源

2013-05-13 04:48:07

0

它可以在IE10上工作，你可以打開開發工具（F12）並確保渲染和文檔模式設置爲IE10和IE10標準模式？

來源

2013-05-13 09:03:20 Mark

0

dstorey和Mark已經指出你可能導致你的問題。更具體地講，您可以在您的文檔的

<head>

部分搜索

<meta http-equiv="X-UA-Compatible" content="IE=9"/>

或類似的標記，刪除或有條件評論它的IE瀏覽器版本低於10，因爲如果它是目前它會阻止你的文檔在IE 10中正常渲染。

來源

2013-05-18 23:55:08 Pere

相關問題

 相關問題