【问题标题】:Hiding elements behind an ImageMap在 ImageMap 后面隐藏元素
【发布时间】:2011-12-05 13:57:17
【问题描述】:

我不确定我是否在这里遗漏了一些东西,但似乎我不能将图像映射放在其他所有东西之上(就 z-index 而言)。我尝试改变 HTML 元素定义的顺序,我尝试使用 CSS 定义正确的 z-index 值,但这些方法都不起作用。

有没有人遇到过类似的问题?

(在 FF 8.0.1 中测试)

jsFiddle here

【问题讨论】:

  • 你测试的是什么浏览器?您能在 jsfiddle.net 上发布示例吗?
  • 你能发布一些代码或jsfiddle吗?
  • 确实 - 应该立即这样做。现在添加。

标签: css html z-index imagemap


【解决方案1】:

你需要添加 position:absolute;也到地图上:

http://jsfiddle.net/sBSHn/1/

【讨论】:

  • 哇,这很简单!谢谢!这是否适用于主流浏览器?
【解决方案2】:

我建议将#testDiv 设置为display:none

然后,每当事件发生时,您想要触发它出现或消失,只需调用:

 $('#testDiv').toggle();

【讨论】:

  • 不幸的是我不能使用它,因为它不符合我计划使用的 CSS 过渡。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-10-18
  • 2018-11-06
  • 2013-09-25
  • 1970-01-01
  • 2022-10-12
相关资源
最近更新 更多