html - 鼠标悬停不能实时工作,在预览中工作

标签 html css mouseover

<分区>


关闭 7 年前

一段时间以来,我一直在做一件非常简单的事情,当我在本地查看文件时,一切看起来都很好。我使用了 Dreamweaver,Dreamweavers 预览在 Firefox、IE 和 Chrome 中的效果都一样。

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

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

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

我将上面的图片分成了三部分; 上面的部分是在主持时正在做的事情

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

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

谁能找出错误?

最佳答案

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

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

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

/IMG/HOMEx.png

TIP: Set better the name of files and folders to lowercase.

关于html - 鼠标悬停不能实时工作,在预览中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32185975/

上一篇:javascript - 水平滚动并排设置高度的 <div> 标签

下一篇:javascript - iOS 毛玻璃效果使用 CSS 实现页面内容

相关文章:

javascript - 是否可以将标题居中对齐但将副标题左对齐到标题的左侧,最好不用 JavaScript?

javascript - 如何使用angularJS在kendo UI中单击堆叠条形图获取特定堆叠的颜色

div下的CSS div

jquery - 悬停时图像放大,div 框中的内容附加到图像

javascript - 使用 CSS 和 wicket 操作 HTML 表格中 div 类的高度

html - 旋转 div 在 IE 上产生黑色背景,我该如何删除它?

html - 在响应式设计中标题不会停留在视频上

javascript - 如何查看 "real time"中输入的内容

鼠标悬停和鼠标按下时的 jQuery 图像交换

javascript - 鼠标悬停时暂停 Jquery 脚本