【问题标题】:Transparent PNG obscuring a link [duplicate]透明的PNG遮住了链接[重复]
【发布时间】:2013-01-14 01:41:37
【问题描述】:

可能重复:
Clicking through a transparent .png
Click through a DIV to underlying elements

我的页面上有一个 PNG 图像(绝对定位到与其余背景相匹配的位置),问题是另一个 DIV 元素中的超链接被图像的透明部分“遮挡”。结果就是超链接清晰可见可读,但是我无法点击。

有办法解决吗?

编辑:我很惊讶以前没有问过这个问题,但显然,我看起来不够努力:

Clicking through a transparent .png

【问题讨论】:

标签: html png


【解决方案1】:

尝试为链接设置比图片更高的 z-index。

【讨论】:

  • 查看我对另一个答案的评论。
【解决方案2】:

为应该在图像“上方”的元素指定一个高于图像的 z-index

【讨论】:

  • 不,透明图像应该在文本 div 的上方(否则透明的意义不大,对吗?)。我的问题是它的透明部分仍然阻止鼠标事件通过。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-03-23
  • 1970-01-01
  • 2012-02-29
  • 1970-01-01
  • 2012-08-10
  • 1970-01-01
  • 2010-12-10
相关资源
最近更新 更多