将鼠标悬停在左侧？ [英] Move onmouseover images to the left?

问题描述

以下是我的网页： http://www.ostmoconstruction.com/portfolio.php

我决定改变这个小图库中每幅图像的onmouseover图像以提供更大的图像预览，但是当我提供更多的图像时，正确的形象，他们走出了div。有没有办法将中间段移动到左侧onmouseover或沿着这些线来保持整个事物在div层？

I have decided to change the image onmouseover for each of the images in this small gallery to give a larger preview of images, but when I provide more images more the center and right image, they go outside of the div. Is there anyway to move the middle paragraph to the left onmouseover or something along those lines to keep the whole thing in the div layer?

有没有什么办法，当在鼠标悬停的图像变化，将其移动到div层的左侧 - 有效地防止它离开（右侧）div层？

Is there any way to, when the image changes on the mouseover, move it to the left-hand side of the div layer - to effectively keep it from going outside of the(right side) div layer?

推荐答案

另一个答案几乎是正确的，但我也必须将其包装在具有position：relative;的div中。与它自己的负左边缘。这推动了另一张图片，它的标题在视图之外！

The other answer was almost correct, but I also had to wrap it in a div that had "position: relative;" with it's own negative left-margin. This pushed the other image and it's title outside of view!

您可以在这里看到结果： http://www.ostmoconstruction.com/portfolio.php

You can see the results here: http://www.ostmoconstruction.com/portfolio.php

这篇关于将鼠标悬停在左侧？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！