Html CSS框阴影在IE或Safari中不起作用

}

在上面的css代码中，它在Firfox浏览器中是正常的。 但我不能在IE8或IE6以及safari上显示阴影

#keyboard {
position: fixed;
background: #eee;
display: none;
border: 1px solid #ccc;
border-radius:7px;
width: 950px;
height: 300px;
padding: 5px;
cursor: move;
background-image:url('BackgroundImage.jpg');
box-shadow: -5px -5px 5px 5px #888; 
-moz-border-radius: -5px -5px 5px 5px #888;
-webkit-border-radius: -5px -5px 5px 5px #888;

---

请告诉我解决方案。

Box shadow是css3，在ie8和更旧的浏览器中不受支持，但我们仍然可以使用脚本来实现这一点。Box shadow是css3，在ie8和更旧的浏览器中不受支持，但我们仍然可以使用脚本来实现这一点，为IE用户提供类似Box shadow的效果，我通常使用专有的MS过滤器，以下是我的css摘录：

box-shadow: -5px -5px 5px 5px #888; 

---

显然，IE的效果是不同的，但在每个浏览器上使用不同的参数，您可以非常接近（或至少可以接受）您的期望

为IE用户提供类似于box shadow的效果，我通常使用专有的MS过滤器，以下是我的css摘录：

box-shadow: -5px -5px 5px 5px #888; 

---

显然，对IE的影响是不同的，但是在每个浏览器上使用各种参数，您可以非常接近（或至少可以接受）您的期望值。也可以尝试prefixr.com，这对使css3浏览器兼容有很大帮助。

也可以尝试prefixr.com，这对使css3浏览器兼容有很大帮助