Mouseover无法正常使用,可在预览

时间:2015-08-24 15:23:01

标签: html css mouseover

我一直在做一件非常简单的事情,当我在本地查看文件时,一切看起来都很好。我使用Dreamweaver和dreamweavers预览同样适用于firefox,IE和chrome。

我的home0.png应该在鼠标悬停时更改为home1.png,并且在本地查看时会发生这种情况。

我将所有文件上传到临时主机,除了鼠标悬停功能外,所有文件都正常工作。鼠标悬停时显示错误图像。

http://i.stack.imgur.com/oY4az.jpg

我将上面的图像分成三部分; 以上部分是托管时的实时内容

中间部分是应该做的,在DW预览中以及在我的电脑上本地查看时正在做什么。

第三部分是我使用的代码。

有人能发现错误吗?

2 个答案:

答案 0 :(得分:2)

如果您的文件结构类似于:

-views
      -index.html
      -file2.html
      ....
 -IMG
      -HOME0.png
      -HOME1.png

你必须添加/到你的img路径:

/IMG/HOMEx.png
  

提示:将文件和文件夹的名称设置为小写。

答案 1 :(得分:0)

尝试更改此部分

onmouseover="this.src='IMG/HOME1.PNG'"

到此:

onmouseover="this.src='IMG/HOME1.png'"

只需将.png从大写更改为小写