2016-08-19 6 views
0

だから、私はシンプルなCSSはなく、大きな問題を抱えているシャドウCSS:ください画像パディング...

.separator a img { 
    width: 100%; 
    height: auto; 
    padding: 12px; 
} 

に影響を与え、結果はありません。this

あなたがイメージに見ることができるように、影があります画像のパッディングに表示されますが、画像上に表示します。

私はthisをしたいだけでなく、パディングを維持したいと思います。

アイデア?

+2

ポスト[MCVE]あなたの質問でください – j08691

+0

**マージンが** **パディングが**要素*内側*で、要素* *外です。 – Scott

+0

画像にプロパティの埋め込みを使用しないでください。それはナンセンスです。代わりに、この[** demo **](https://jsfiddle.net/rickyruizm/35ffmszx/)のようなアンカー要素で使用してください。 – Ricky

答えて

1

あなたはmargin CSS propertyを探しています。パディングはボーダーボックスの内側にあり、マージンは外側に向いています。

box-shadowでシャドウが適用されているため、マージンはその外側にあり、影は画像のすぐ隣に表示されます。

margin: 12pxpadding: 12pxを変更してみてください。

+0

私は余白を試していて、影は画像上にありますが、画像は上になりますテキスト。 –

+0

@KibiBrat予期しないことですが、ページ上の他のスタイルが干渉しているように思えます。あなたがあなたの質問に[最小、完全で、かつ検証可能な例](http://stackoverflow.com/help/mcve)を投稿したなら、それをさらに調査することができれば役に立ちます。 – rvighne

+0

うん、私は昨日、それをチェックし、それは私がいつか... –

0

margin代わりのpaddingを使用してみてください。 paddingをボックスの内側に、marginをボックスとボックスの間のスペースとみなしてください。

+1

は:) –

+0

@rvighneコピーしないでください、これは他の誰かを助けると確信して、答えるためにありがとうございました、....とにかく他のスタイルで、間違いでしたこれはコメントです。答えではありません。 –

+1

@KibiBrat私はコピーしませんでしたが、私たちはどちらも同じ分以内に答えました。 –

関連する問題