Css box-shadow 在 firefox 中不工作

Question

为什么这个 box-shadow 在 firefox 中不起作用..但它在 chrome 中显示阴影..

    #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 slider ..所以我认为 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);