Javascript Magento Java脚本将鼠标悬停在静态块中的图像上

使用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>

.myImage{
宽度：100px；
高度：50px；
显示：块；
背景图片：url（wysiwyg/imageA.jpg）；
}
.myImage:悬停{
背景图片：url（imageB.jpg）
}

---

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

您的代码对我来说运行良好

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

因为您的

imageA.jpg

来自

wysiwyg

目录。我的问题是您错过了

imageB.jpg

的文件路径

试试这个代码

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

而不是

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

---

并让我知道操作。

您的代码对我来说运行良好

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

因为您的

imageA.jpg

来自

wysiwyg

目录。我的问题是您错过了

imageB.jpg

的文件路径

试试这个代码

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

而不是

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

---

并让我知道操作。

您的代码对我来说运行良好

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

因为您的

imageA.jpg

来自

wysiwyg

目录。我的问题是您错过了

imageB.jpg

的文件路径

试试这个代码

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

而不是

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

---

并让我知道操作。

您的代码对我来说运行良好

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

因为您的

imageA.jpg

来自

wysiwyg

目录。我的问题是您错过了

imageB.jpg

的文件路径

试试这个代码

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

而不是

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

---

让我知道操作。

尝试使用精灵而不是单独的图像，因为有时图像加载需要一些时间。检查

imageB.jpg

path。。。因为您的

imageA.jpg

来自

wysiwyg

目录。。。您可能错过了这一点…尝试使用精灵而不是单独的图像，因为有时图像加载需要一些时间。检查

imageB.jpg

path。。。因为您的

imageA.jpg

来自

wysiwyg

目录。。。您可能错过了这一点…尝试使用精灵而不是单独的图像，因为有时图像加载需要一些时间。检查

imageB.jpg

path。。。因为您的

imageA.jpg

来自

wysiwyg

目录。。。您可能错过了这一点…尝试使用精灵而不是单独的图像，因为有时图像加载需要一些时间。检查

imageB.jpg

path。。。因为您的

imageA.jpg

来自

wysiwyg

目录。。。也许你错过了。。。