javascript - Magento Java 脚本将鼠标悬停在静态 block 中的图像

Question

使用 Magento，我想让 imageA.jpg 保留为主图像

但是

当鼠标悬停在图像上时，我希望显示 imageB.jpg。

我已将其插入到我的静态 block 中，但没有任何反应

<style>

.myImage {
     width:100px;
     height:50px;
     display:block;
     background-image:url(wysiwyg/imageA.jpg);
}

.myImage:hover {
     background-image:url(imageB.jpg)
}

</style>

<a class="myImage" href="#"></a>

我错过了什么？我很感激我能得到的任何帮助。谢谢。

Answer 1

你的代码对我来说工作得很好... SEE THIS FIDDLE

如果我的猜测是正确的，您应该检查您的文件路径。

因为您的imageA.jpg来自wysiwyg目录。可能您错过了 imageB.jpg 的文件路径。

试试这个代码，

.myImage:hover {
     background-image:url(wysiwyg/imageB.jpg)
}

而不是，

.myImage:hover {
     background-image:url(imageB.jpg)
}

并让我知道 OP。