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;

说明

参数如下：

阴影的水平偏移，正数表示阴影位于框的右侧，负偏移表示阴影位于框的左侧。
阴影的垂直偏移，负数表示框阴影位于框上方，正数表示阴影位于框下方。
模糊半径（可选），如果设置为0，阴影会变得清晰，数字越大，模糊程度越高。
展开半径（可选），正值会增加阴影的大小，负值会减小尺寸。默认值为0（阴影与模糊大小相同）。
的颜色

将box-shadow添加到colorbox？

2 个答案:

说明