ズームしたときに他の要素の位置が変わる画像

Question

イメージの配列があるページを作っています。私は、マウスが動かされ、私がJavaスクリプトを通して正常にそれを得たとき、ズームされるべき画像が必要です。しかし、問題は、画像が拡大され、他の画像の位置も変化していることです。 ズームした画像がGoogle画像のような他の画像の位置を変えないようにしたいのですが...ズームした画像が画像の横に来るようにしたいのです...助けてください... ありがとうadvance

Answer 1

絶対配置とZ-インデックスを使用する必要があります。

HTML

<div class="container"><img src="#" /></div> 
<div class="container"><img src="#" /></div> 

CSS

.container { 
    position: relative; 
} 
.container img { 
    position: absolute; 
    z-index: 0; 
} 
.container img:hover { 
    position: absolute; 
    z-index: 1; 
} 

Answer 2

高さと幅を与えるためにパーセンテージを使用しないでください。私もそれを経験しました。代わりに高さと幅を「ピクセル（px）」で指定します。それはあなたのクエリのためのより良いと解決策を提供します。