Box-shadow CSS樣式在IE9中不起作用？

我使用這個設置的一對夫婦在我的網頁上的圖像的box-shadow屬性，它在Firefox和Chrome的偉大工程，但拒絕在Internet Explorer 9，工作Box-shadow CSS樣式在IE9中不起作用？

box-shadow: 0px0.5px8px1px #888888;

和

box-shadow: rgb(150,150,150) 0 0 20px;

我是否應該使用其他東西，因爲它可以與IE9兼容？

來源

2012-04-13 user1266515

'的box-shadow：0像素0.5px 8像素1px的＃888888;'在IE9對我來說工作正常。您的IE9使用不同的瀏覽器模式？不同的文件模式？ – 2012-04-13 14:35:46

這個工作對我來說在IE9：

box-shadow: 0px 0px 4px 0px rgba(28, 24, 28, 0.65);

相同十六進制：

box-shadow: 0px 0px 4px 0px #000000;

如果不要沒有幫助，試試這個：按F12鍵並閱讀你使用的是什麼browsermod/documentmode。比我們可以幫助你更多。

來源

2012-04-13 16:31:46 WolvDev

瀏覽器模式：IE9 DocumentMode：IE9標準。我需要改變它嗎？ – user1266515 2012-04-13 20:00:08

我有完全相同的語法，但沒有它似乎無法正常工作！它繼續在Firefox和Chrome上工作。 – user1266515 2012-04-13 20:07:37

-2

順序無關緊要（顏色優先 - >值，反之亦然），只要確保數值符合要求即可。

確保在您的值之間包含空格。也只使用0是無效的（它應該是0px）。

如果您需要更多的幫助，看看這個： http://yearofmoo.com/2011/03/ie9-and-css3-box-shadow/

來源

2012-04-13 14:37:06 matsko

** Quote：** _「僅使用0是無效的」_。錯誤。當值爲零時，單位是_optional_。請參閱第5節... http://www.w3.org/TR/css3-values/ – Sparky 2012-04-13 14:38:14

您是否僅僅指出「0」是無效的（即沒有測量）？我一直認爲沒有必要通過一個單位，因爲0px = 0em = 0cm等 – BenM 2012-04-13 14:38:20

你是對的@BenM。 [這裏是'box-shadow'的W3C規範]（http://www.w3.org/TR/css3-background/#the-box-shadow）其中單獨使用「0」（無單位）甚至在內部使用他們的例子。 – Sparky 2012-04-13 14:44:55

感謝Sparky672和ShogunArts.de的發佈。他們發佈的CSS由IE9支持。

我遇到的問題是我的自定義品牌強制頁面上的IE8模式。一旦我在meta標籤中將其更改爲IE9，所有樣式都顯示出來了！

來源

2012-05-01 16:27:05 user1266515

我也有一個設置爲IE8瀏覽器模式的自定義品牌。

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

一旦我將其更改爲IE9，它就像一個魅力！

來源

2012-06-05 15:29:52 user1266515

可能值得檢查IE9不在IE7模式下。檢查您的IE開發人員工具。 IE9需要在IE9模式下工作才能使用box-shadow。

來源

2012-08-29 08:55:17 dradd

完美的工作對我來說這種方式不HTC文件

.shadow{ 
    margin:10px; 
    padding:20px; 
    background-color:#FFF; 
    position:relative; 
    z-index:2; 
    border:1px solid #bebebe; 
    -moz-box-shadow: 5px 5px 10px #CCC; 
    -webkit-box-shadow: 5px 5px 10px #CCC; 
    filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=5); 
    -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=5)"; 
    opacity:1; 
    box-shadow: 5px 5px 10px #ccc; 
}

來源

2013-11-10 12:22:38 Karra

Box-shadow CSS樣式在IE9中不起作用？

回答

相關問題