地图<区域>未显示背景图像

map <area> background image not being displayed

本文关键字：背景 显示 图像 区域 地图      更新时间：2023-09-26

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

我还尝试给该区域一个 z 指数为 9999 和固定的宽度/最小宽度和高度/最小高度。

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

注意：仅供参考，对于面临此问题的其他人，Chrome 或 safari 要求您为 map 声明名称属性，即使它已被弃用。

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

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

然后其他元素也是如此。

根据这个可见区域标签图像地图区域不是视觉表示的，因此没有css反映在它们上面。如果您想在地图上使用悬停效果，那么您可以通过以下链接找到

一种方法

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

相关文章：