0

CSS3ボックスシャドウを正しく表示するのに問題があります。

現在、コンテンツラッパーに次のようなボックスシャドウがあります。

ボーダー：1pxソリッド＃D5D5D5;
border-radius：3px 3px 3px 3px;
ボックスシャドウ：0 0 2px＃DADADA、0 -3px 0＃E6E6E6インセット;

ボックスの影をコンテンツボックスの上部に表示したいのですが、ボックスの下部に表示されるのとまったく同じです。私はそれを正しく理解できないようです。

4

1 に答える 1

1

あなたが何をしようとしているのか明確かどうかはわかりませんが、2番目のドロップシャドウが下部でうまく機能する場合は、上部に3番目のドロップシャドウを追加するのはどうですか:

box-shadow: 0 0 2px #000, 0 -3px 0 #E6E6E6 inset, 0 3px 0 #E6E6E6 inset;

または、挿入されたドロップ シャドウを下部ではなく上部に配置する場合は、2 番目のドロップ シャドウを 3 番目のドロップ シャドウに置き換えます。

box-shadow: 0 0 2px #000, 0 3px 0 #E6E6E6 inset;
于 2012-06-26T18:38:11.690 に答える