地图未显示背景图像

Question

我试图在用户将鼠标悬停在地图区域时显示地图区域的背景图像。目前，我已经为每个区域指定了一个单独的ID，并且我写了一个JavaScript函数，当区域悬停时触发。为了实现这个功能，我传递了元素ID，并通过查看控制台我知道该函数正在使用正确的元素调用，但背景未显示！目前，我只在产品标签中实现了该功能。地图<area>未显示背景图像

我也尝试给该区域一个9999的z索引和固定的宽度/最小宽度和高度/最小高度。

这里是网站https://dl.dropbox.com/u/14863356/OsmosysV3/index.html

注意：只是一个供参考他人谁正在面临这样的问题，Chrome或Safari需要你对地图的名称属性声明，即使它已经过时了。

Answer 1

根据此Visible Area Tag图像地图区域没有可视化表示，因此没有CSS反映在它们上面。如果你想在你的地图上有一个悬停效果，那么你可以通过以下方法找到一种方法：this link

这可能不是最简单的方法，但它可行。

Answer 2

为什么你甚至需要JavaScript？在CSS你可以不这样做：

#welcome{ 
    height: 300px; // or whatever 
    &:hover{ 
    background: url("welcome.jpg") 
    } 
} 

然后相同的其他元素。