php - 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 }

然后，当鼠标悬停在图像上时，图像的宽度和高度应该会加倍，但当它移出时会恢复正常。