css - 将鼠标悬停图像向左移动？

Question

这是我的页面:http://www.ostmoconstruction.com/portfolio.php

我已经决定为这个小画廊中的每张图片更改鼠标悬停时的图片，以提供更大的图片预览，但是当我提供更多图片时，更多图片位于中心和右侧图片，它们会超出 div。无论如何，是否有将中间段落移动到左侧 onmouseover 或沿着这些线的东西以将整个内容保留在 div 层中？

有没有办法，当图像在鼠标悬停时发生变化，将其移动到 div 层的左侧 - 以有效地防止它超出(右侧)div 层？

Answer 1

将此样式添加到鼠标悬停时显示的图像

position: absolute;
left: 0;
top: 38px;