いくつかの画像にカーソルを合わせたときにサイズを大きくしたい。以下の例をご覧ください。それはオプションのテストです(3番目の画像):
.swatches-container .swatch-img,
.swatches-container .swatch-span {
margin:0 2px 2px 0;
}
.swatches-container .swatch-img {
border:1px solid #eee;
max-width:30px;
max-height:28px;
z-index: 0;
position: relative;
}
.swatches-container .swatch-img.current {
border:2px solid #333;
}
.swatches-container .swatch-span {}
.swatch-img:hover {
border:1px solid #eee;
max-width:60px;
max-height:46px;
left:10px;
cursor:pointer;
top: -20px;
left: -20px;
}
私が抱えている問題は、3 番目の画像にカーソルを合わせると、div が移動することです。どうすればこれを防ぐことができますか? ありがとう