3

为什么这个盒子阴影在 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滑块..所以我认为html结构以某种方式搞砸了定位。

任何的想法..

谢谢 ！

4

3 回答 3

5

嗨，像这样适用于浏览器套件

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-01T10:13:46.090 回答
4

可用于所有浏览器：

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-01T10:43:15.967 回答
3

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

于 2012-06-01T10:18:24.653 回答