css – IE中div的内部阴影

前端之家收集整理的这篇文章主要介绍了css – IE中div的内部阴影前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我为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/查看效果.

解决方法

IE 8及更低版本不支持Box-shadow CSS3属性,但有可能让它工作.你应该检查这些文章……

> 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/

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

猜你在找的CSS相关文章