我正在处理 PHP 文件。我正在菜单栏上工作，菜单栏包含所有图像按钮，如果有人将鼠标悬停在其中一个按钮上，我希望他们更改图像(颜色)。有人可以帮我解决这个问题吗？
$globalsettings = array(
'src' => $sImageURL.'global1.png',
'alt' => $clang->gT("Global participant settings"),
'title' => $clang->gT("Global participant settings"),
'style' => 'margin-left:5px',
'style' => 'margin-right:1px'
);
最佳答案
您可以使用 CSS(层叠样式表)创建悬停效果。您的 CSS 必须位于外部样式表或嵌入式样式元素中。
我正在使用BUTTON这将为所有 <button> 设计风格元素，但您可以将其替换为您想要设置样式的任何元素，例如 <img>与 IMG (小写或大写)。
BUTTON {
background: url(my_bg.png);
}
BUTTON:hover {
background: url(my_hover_bg.png);
}
如果您不知道如何使用样式表，只需将嵌入样式插入 <head> HTML 文档的内容。
<style type="text/css">
/* Place CSS here */
</style>
如果你愿意，你可以更进一步，使用 CSS Sprite (就像以前的视频游戏那样)。 CSS Sprite 是单个图像中的图像集合，您只需更改背景位置的位置，即可创建效果。您可以这样实现:
#myelement {
background: url(my_bg.png) -0 -0;
}
#myelement:hover {
background: url(my_bg.png) -0 -100px;
}
还有一些老式的悬停效果方法，但它们就像 Frontpage 时代的那样，所以我不建议使用它们。 CSS 悬停效果是当今的标准。
关于css - PHP : Add hover effect to image，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16354234/