jquery - 将框阴影添加到颜色框？

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

背景颜色和内边距工作正常，但没有阴影。有人做过这个吗？

Answer 1

找到了：

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

溢出：阴影中隐藏的作物。它一直都在那里。似乎也不需要。

Answer 2

您需要更改顺序：

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

解释

参数如下：

1. 阴影的水平偏移量，正数表示阴影在盒子的右边，负数表示阴影在盒子的左边。
2. 阴影的垂直偏移量，负数表示 box-shadow 将在 box 上方，正数表示阴影将在 box 下方。
3. 模糊半径（可选），如果设置为 0，阴影会很锐利，数字越大，越模糊。
4. 散布半径（可选），正值增加阴影的大小，负值减小大小。默认值为 0（阴影与模糊大小相同）。
5. 颜色