CSS的box-shadow沒有在IE或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;

}CSS的box-shadow沒有在IE或Safari

工作在上CSS代碼，它是在好瀏覽器Firfox。但我無法在IE8或IE6和safari上顯示陰影。

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

請讓我知道解決方案。

來源

2011-10-03 Frank Myat Thu

爲了提供IE用戶類似的box-shadow的效果，我通常利用專有的MS過濾器，下面是我的CSS的摘錄：

-moz-box-shadow: 2px 4px 19px #333333; 
-webkit-box-shadow: 2px 4px 19px #333333; 
box-shadow: 2px 4px 19px #333333; 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=115, Color='#333333')"; 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=115, Color='#333333');

顯然，在IE瀏覽器的效果是不同的，但隨着各種參數玩，你可以得到非常接近（或者至少是可以接受）到您的期望在每一個瀏覽器

來源

2011-10-03 08:02:52 daveoncode

箱陰影是CSS3，在IE8及以上的瀏覽器不支持，但是我們仍然可以得到這個使用css3pie腳本

來源

2011-10-03 07:54:30 gtamil

也嘗試prefixr.com，它可以幫助我很多使css3瀏覽器兼容

來源

2011-10-03 08:46:01

CSS的box-shadow沒有在IE或Safari

回答

相關問題