CSS框阴影是不是在Firefox

工作为什么这样的box-shadow是不是在Firefox .. 工作，但它显示在Chrome的影子..CSS框阴影是不是在Firefox

#slideshow { 
     margin: 80px auto; 
     position: relative; 
     width: 701px; 
     height: 321px; 
     padding: 10px; 
     box-shadow: 0 0 20px rgba(0,0,0,0.4); 
    } 

    #slideshow > div { 
     position: absolute; 
     top: 10px; 
     left: 10px; 
     right: 10px; 
     bottom: 10px; 
    }

我作了重要，但也不能正常工作.. 我正在使用jquery滑块。所以我认为html结构有点弄乱了定位。

任何想法..

谢谢！

来源

2012-06-01 Javascript Coder

@Gatekeeper抱歉，但我试图在谷歌搜索..但我正在寻找的兼容性和CSS中的重要... –

@Gatekeeper是，我会感谢兄弟。 –

喜适用于浏览器套件因为这样

firefox and chrome

-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
box-shadow: 0 0 20px rgba(0,0,0,0.4);

来源

2012-06-01 10:13:46

+1，谢谢...它适用于我.. –

您应该使用浏览器供应商前缀这一点。使用CssPrefixer http://cssprefixer.appspot.com/

来源

2012-06-01 10:18:24 SVS

要适用于所有的浏览器：

box-shadow: 0 0 20px rgba(0,0,0,0.4); 
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
-ms-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
-o-box-shadow: 0 0 20px rgba(0,0,0,0.4);

来源

2012-06-01 10:43:15

CSS框阴影是不是在Firefox

回答

相关问题