2011-11-15 6 views

答えて

6

それがはるかにPhotoshopの 『内側の影』のように動作しますさまざまなブラウザのbox-shadow属性のinsetプロパティがあります。ノートの編集(

-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); 
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); 
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); 

:あなたはそれに影を適用し、その後、(-moz-border-radiusborder-radius-webkit-border-radius)の属性を丸め、同じサイズと適切なコーナーで、あなたのイメージの上に要素を作成するには、このような何かをする必要があります;私はそれをちょっと試してみたところ、要素の実際のコンテンツの下に影が描かれていることが判明したので、画像の上に重ねる要素に影を適用するか、画像を配置する必要があります

(さらに編集:a working JSfiddle example

(これに影が付いている要素の背景にある)
関連する問題

 関連する問題