在IE中内部阴影到div

Question

我为div创建了一个内部阴影,如下面的css代码所示:

.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/查看效果.

Answer 1

IE 8及更低版本不支持box-shadowCSS3属性,但它可能可以使其工作.你应该检查这些文章......

• http://dev.opera.com/articles/view/cross-browser-box-shadows/
• http://dimox.net/cross-browser-css3-box-shadow/
• http://fetchak.com/ie-css3/

我建议使用IE 8及以下版本的图像(使用条件样式表).

我提出了一个糟糕的解决方案,但它适用于IE 8,Chrome,Firefox,Safari和Opera.看看小提琴......

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

我希望这有帮助.
斯托伊奇

Answer 2

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？不同版本差异很大。