地图未显示背景图像
问题描述:
我试图在用户将鼠标悬停在地图区域时显示地图区域的背景图像。目前,我已经为每个区域指定了一个单独的ID,并且我写了一个JavaScript函数,当区域悬停时触发。为了实现这个功能,我传递了元素ID,并通过查看控制台我知道该函数正在使用正确的元素调用,但背景未显示!目前,我只在产品标签中实现了该功能。地图<area>未显示背景图像
我也尝试给该区域一个9999的z索引和固定的宽度/最小宽度和高度/最小高度。
这里是网站https://dl.dropbox.com/u/14863356/OsmosysV3/index.html
注意:只是一个供参考他人谁正在面临这样的问题,Chrome或Safari需要你对地图的名称属性声明,即使它已经过时了。
答
根据此Visible Area Tag图像地图区域没有可视化表示,因此没有CSS反映在它们上面。如果你想在你的地图上有一个悬停效果,那么你可以通过以下方法找到一种方法:this link
这可能不是最简单的方法,但它可行。
答
为什么你甚至需要JavaScript?在CSS你可以不这样做:
#welcome{
height: 300px; // or whatever
&:hover{
background: url("welcome.jpg")
}
}
然后相同的其他元素。
@ verticas1这不起作用。我想你可能误解了我的问题。我正在讨论将鼠标悬停在图像地图的区域元素上。如果您将鼠标悬停在#slideshow中的产品上,然后将鼠标悬停在产品名称上,则会发现每个产品都有标签。当我将鼠标悬停在它们上方时,我希望区域标签的背景发生变化。目前他们有一个透明的背景。 – 2012-08-14 10:28:21
你可以粘贴你在这里的代码吗? – veritas1 2012-08-14 11:06:33
请在下面查看我的答案。 – 2012-08-14 23:16:10