Question

为什么这个box-shadow在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结构在某种程度上搞砸了定位。

任何想法..

谢谢！

Answer 1

您可以像

一样申请浏览器套件

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);

Answer 2

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

Answer 3

适用于所有浏览器：

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);

Css box-shadow在firefox中不起作用

3 个答案: