静态块中的 Magento Java 脚本鼠标悬停图像

Question

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

但是

当鼠标悬停在我想要 imageB.jpg 显示的图像上时。

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

<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。