內部陰影的div在IE

我創建了一個內部的陰影對一個div如下面的CSS代碼：內部陰影的div在IE

.gil_Help_ContentArea { 
    width: 300px; 
    height: 200px; 
    margin: 5px 0 0 0; 
    padding: 0px; 
    background-color: #fff; 
    box-shadow: inset 0 0 10px #ccc; 
    -moz-box-shadow: inset 0 0 10px #ccc; 
    -webkit-box-shadow: inset 0 0 10px #ccc; 
    -khtml-box-shadow: inset 0 0 10px #ccc; 
}

它工作正常使用IE以外的瀏覽器，但我想在IE中同樣的效果。如果有人願意幫助，將不勝感激。

您可以在http://jsfiddle.net/shabirgilkar/Mu9jL/檢查效果。

來源

2011-04-27 Shabir Gilkar

通常的金色溶液（[CSS3 PIE（http://css3pie.com/））沒有按」 t用'inset'工作。只是想我會指出。 – thirtydot 2011-04-27 11:29:12

@ thirtydot - 一點羞恥的。我懷疑會有任何其他工作解決方案，但缺乏使用圖像。好吧。： -/ – Spudley 2011-04-27 22:10:22

http://css3generator.com/

選擇框陰影

-webkit-box-shadow: inset 0px 0px 15px #313199; 
-moz-box-shadow: inset 0px 0px 15px #313199; 
box-shadow: inset 0px 0px 15px #313199;

你指的是什麼版本的IE？不同的版本有很大的不同。

來源

2011-04-27 06:55:56 Homer6

他問內心的影子不是外面的影子 – sandeep 2011-04-27 07:04:48

你可以在界面 – Homer6 2011-04-27 07:08:19

裏面選擇插圖，這就對了:) – sandeep 2011-04-27 07:09:37

IE 8及以下版本不支持box-shadow CSS3屬性，但可以使其工作。您應該檢查這些文章了......

我會建議使用圖像的IE 8及以下（使用條件樣式表）。

我想出了一個糟糕的解決方案，但它適用於IE 8，Chrome，Firefox，Safari和Opera。退房的小提琴......

http://jsfiddle.net/UnsungHero97/Mu9jL/3/

我希望這有助於。
Hristo

來源

2011-04-27 07:38:51 Hristo

404！請將代碼粘貼到你的後代答案中。 – 2012-07-19 16:07:49

在目前（2011年11月），似乎沒有人爲IE8或IE7開發一個polyfill來做你想做的事情。例如，請參閱CSS3PIE（https://github.com/lojjic/PIE/issues/3），它支持box-shadow但不支持插入標誌。

你最好的（只有？）選項是創建一個圖像作爲元素的背景。顯然，這不是一個好的解決方案。

（此外，爲了幫助您和其他人找到其他有用polyfills，這裏是一個可能有用的鏈接：https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills）

來源

2011-11-16 16:18:07

內部陰影的div在IE

回答

相關問題