图像尺寸更改(缩放)会移动其他图像

时间:2012-03-12 03:34:10

标签: css

My customer's site

当你越过图像时,它们变得更大,这就是我想要的,但它们相互推动。我不希望他们随着他们变大而互相推挤。我该如何解决?

如我的链接所示,有一个图像列表;一个比其他人大。当一个图像悬停在其上时,其余图像会移动。如何在不使其余图像移动的情况下放大其中一幅图像?

1 个答案:

答案 0 :(得分:2)

在除“较大”图像之外的每个图像上设置填充(或边距),以等于大图像和小图像之间的差异。然后,当您将鼠标悬停在图像上时,删除边距/填充并将其应用于悬停在上方的新图像。

简单地说,大图像比其余图像大x像素。其他图像的大小为+ x像素,在布局中占据相同的大小。当您将鼠标悬停在另一个元素上时,额外的空格(填充/边距)会被剥离,并且会变得更大。