1

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

背景色とパディングは正常に機能していますが、影はありません。

4

2 に答える 2

3

それを見つけた：

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

オーバーフロー：隠された部分が影から外れます。それはずっとそこにありました。どちらも必要ないようです。

于 2012-07-10T01:26:52.720 に答える
0

順序を変更する必要があります。

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

説明

パラメータは次のとおりです。

  1. 影の水平オフセット、正は影がボックスの右側にあることを意味し、負のオフセットは影がボックスの左側にあることを意味します。
  2. 影の垂直オフセット。負のオフセットはボックスの影がボックスの上にあることを意味し、正のオフセットは影がボックスの下にあることを意味します。
  3. ぼかし半径（オプション）。0に設定すると、影がシャープになり、数値が大きいほど、影がぼやけます。
  4. 広がり半径（オプション）、正の値はシャドウのサイズを大きくし、負の値はサイズを小さくします。デフォルトは0です（影はぼかしと同じサイズです）。
  5. 色
于 2012-07-07T13:52:55.833 に答える