【问题标题】:Mouseover not working live, works in preview [closed]鼠标悬停不工作,预览工作[关闭]
【发布时间】:2015-08-24 15:23:01
【问题描述】:

我现在一直在做一个非常简单的事情,当我只是在本地查看文件时,一切看起来和工作都很好。我在 firefox、IE 和 chrome 中都使用了 dreamweaver 和 dreamweavers preview 作品。

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

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

我把上面的图片分成三部分; 以上部分是托管时正在做的事情

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

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

谁能找出问题所在?

【问题讨论】:

  • 你能显示你的代码吗
  • 哎呀。这够了吗?
  • 您正在使用不同背景颜色的图像?
  • 可能是非相对路径 - 在您的图像路径前加上 /

标签: html css mouseover


【解决方案1】:

如果你的文件结构是这样的:

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

您必须将 / 添加到您的 img 路径:

/IMG/HOMEx.png

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

【讨论】:

    【解决方案2】:

    尝试改变这部分

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

    到这里:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-01-04
      • 1970-01-01
      • 2016-04-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多