将鼠标悬停在某些图像上时,我想增加它们的大小。请看下面的例子。这是选项测试(第三张图片):
.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;
}
我遇到的问题是,当我将鼠标悬停在第三张图片上时,div 会移动。我怎样才能防止这种情况发生?谢谢