5

ギャラリーの画像にボックスシャドウCSS機能を使用していますが、どういうわけか挿入パラメータが機能していません。z-indexを試しましたが、別の場所にコードを配置しようとしましたが、まだ機能していません。

こちらのウェブサイトにアクセスしてください。

コード

box-shadow:#000000 0 1px 3px, rgba(255, 255, 255, 0.3) 0 0 0 1px inset, rgba(255, 255, 255, 0.5) 0 1px 0 0 inset;
4

3 に答える 3

9

構文とは関係ありません。これはimg要素の特性であり、box-shadowプロパティではありません。

次の例を見てみましょう: http://jsfiddle.net/YhePf/ - ブラウザで画像の表示を無効にすると、画像の代わりに がbox-shadow適用された緑色のブロックが表示されます。

編集:つまり、インセットbox-shadowプロパティが適用されますが、画像自体の下にあるため表示されません (background-color プロパティと同様)。別のフィドルでそれを証明するかもしれません。物件内の以前のものとは異なりpaddingます。ここを参照してください: http://jsfiddle.net/YhePf/6/ - 赤の 2 ピクセルの影と緑の背景を参照してください。

于 2012-07-20T17:41:16.870 に答える
1

最初の影からの広がりの半径の値が欠けているだけかもしれません。:)

于 2012-07-20T17:36:18.443 に答える
1

インセット ボックス シャドウをイメージに適用できないため、問題があると思います。必要な効果は、ボーダー プロパティを使用して簡単に実現できます。インセット ボックス シャドウを使用する場合は、div に適用します。詳細については、http://jordandobson.com/_expirements/css/vignette/ を参照してください 。

于 2012-07-20T17:42:05.887 に答える