phpbb poll - 悬停时放大图片

Question

我正在使用phpbb论坛软件。

我在phpbb民意调查中有一些图像作为一组选项。我使用bbcode显示图像

[img] path to image [/img]

我想要做的是当用户将鼠标悬停在此图像上时，它应该放大

我怎样才能做到这一点？我尝试了一些东西 - 在common.css中修改img的css并尝试在img bbcode中添加一些样式但是它不起作用......

感谢任何帮助。

还有更好的方法将图像放入民意调查吗？

Answer 1

这样做，但需要CSS3支持。

img.swell:hover {
    transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);}

然后

<img class="swell" src="image.jpg" />

Answer 2

在包含图像样式的CSS文件中，您可以将主要样式设置为

.poll_image { width: 50px; height: 50px }

然后鼠标悬停

.poll_image:hover { width: 100px; height: 100px }

那应该加倍宽度和宽度。鼠标悬停在图像上方的高度，但在向后移动时恢复正常。