お世話になります。
なぜimg要素にマウスオーバーする前とマウスオーバーした場合で要素の重なりに変化が起こるのでしょうか??
マウスオーバーされたimg要素にスタックコンテキストが形成されるとなぜ.block__new要素より重なりが上になるのかがわかりません。説明して頂けると有りがたいです。
html
1<div class="block"> 2 <span class="block__new">new</span> 3 <img src="img/100x100.png" alt=""> 4</div>
CSS
1.block { 2 position: relative; 3 width: 100px; 4 height: 100px; 5} 6.block:hover img { 7 opacity: 0.8; 8} 9.block__new { 10 position: absolute; 11 top: -5px; 12 left: -5px; 13 background: tomato; 14}
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/12/27 02:21