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

回答

相關問題