将box-shadow添加到colorbox？

Question

我正在使用jQuery插件Colorbox。几乎是完美的，但我正在尝试添加一个CSS3框阴影到框，到目前为止似乎没有任何工作。

我正在使用

#cboxLoadedContent{
        background:rgba(121,121,121,.8); 
        padding:30px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 8px;
        -moz-box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 8px;
        box-shadow: rgba(0, 0, 0, 0.8) 4px 4px 8px;
    }

背景颜色和填充都工作得很好，但是没有shadow.Anyone把这个放到锅里吗？

Answer 1

找到了：

#colorbox, #cboxOverlay, #cboxWrapper
{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 

溢出:隐藏在阴影上的裁剪。它一直都在那里。似乎也不需要。

Answer 2

您需要更改顺序：

box-shadow: 10px 10px 5px #888;

解释

参数如下：

阴影的水平偏移量，正表示阴影将在长方体的右侧，负的偏移量将阴影放在阴影的模糊垂直偏移量的左侧，负的偏移量表示长方体的阴影将位于长方体的上方，正的表示阴影将低于模糊半径( box.

• The

1. The )(可选)，如果设置为0，阴影将变得清晰，数字越大它越模糊，将be.
2. The扩散半径(可选)，正值增加阴影的大小，负值减少大小。默认值为0(阴影的大小与blur).
3. Color

相同