Image enlargeトランジション

Question

私はHTMLとCSSの新機能ですが、マウスを置いたときに画像が少し大きくなるようなコードをまとめました。しかし、画像は互いに重なり合わないことがあり、密接に一緒に配置されるため、画像が後ろにとどまることがあります。誰かが拡大するときに他の画像を無視する方法を知っていますか？

img.one { 
position: absolute; 
cursor: pointer; 
top: 10px; 
left: 10px; 
transition: all .2s ease-in-out; 

}

img.one:hover { 
transform: scale(1.1); 

}

Answer 1

他人の目の前にあるどの要素を制御するためにz-indexプロパティを使用します。ここでは

は私のコードです。

img.one:hover { 
    transform: scale(1.1); 
    z-index: 1; 
}