javascript - 地图背景图片不显示

Question

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

我还尝试为该区域提供 9999 的 z-index 和固定的宽度/最小宽度和高度/最小高度。

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

注意：对于面临此问题的其他人来说，Chrome 或 safari 要求您为 map 声明 name 属性，即使它已被弃用。

Answer 1

为什么你甚至需要 javascript？在 CSS 中你不能这样做：

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

其他元素也一样。

Answer 2

根据这个可见区域标签，图像地图区域没有视觉表示，因此没有 css 反映在它们上面。如果您想在地图上悬停效果，那么您可以通过点击此链接找到一种方法

这可能不是最简洁的方法，但它确实有效。