在靜態塊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。