下の境界線を持つ要素があり、それを画像の上に表示したいのですが、関連する div を下に移動すると (負の下マージンを使用)、境界線は下にある画像要素の下に入ります。上に置く方法はありますか？
z-index を試しましたが、役に立ちませんでした。そして、「トップ」のdivに境界線を持たせる必要があります。
<div class="top">One</div>
<div class="block"><img src="http://placekitten.com/200/300"></div>
.top {border-bottom:5px solid red; margin-bottom:-3px; z-index:5;}
Placekitten がホストし、Pieter Lanserが撮影した画像
みんなありがとう