内部阴影的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

回答

相关问题