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

时间:2012-08-14 06:27:20

标签: javascript css

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

我也试过给区域一个z-index为9999,固定宽度/最小宽度和高度/最小高度。

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

注意:对于遇到此问题的其他人来说,Chrome或Safari会要求您为地图声明了name属性,即使它已被弃用。

2 个答案:

答案 0 :(得分:0)

为什么你甚至需要javascript?在CSS中你可以不这样做:

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

其他元素也一样。

答案 1 :(得分:0)

根据这个Visible Area Tag图像地图区域没有可视化表示,因此没有css反映在它们上面。如果您希望将鼠标悬停在地图上的效果上,则可以按照this link

找到一种方法

这可能不是最好的方法,但它有效。