html - 防止覆盖图像使底层图像不可点击

标签 html css

<分区>

我有一个 HTML 图像,上面有一个“播放按钮”图像,使用标准的位置相对/绝对技术进行叠加。

底层图像有超链接,而叠加图像没有。然而,当鼠标悬停在叠加图像上时,这使得无法单击超链接。

有什么方法可以防止叠加图像“阻碍”底层图像中的超链接,除了超链接叠加图像吗?

最佳答案

利用 z-index。

http://www.w3schools.com/cssref/pr_pos_z-index.asp

比如设置图片为z-index:-1或者链接为z-index:1000

关于html - 防止覆盖图像使底层图像不可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33939873/

上一篇:javascript - 如果使用 jquery 在 bootstrap 选项卡上的选项卡字段为空,如何聚焦/显示 'tab-pane'?

下一篇:jquery - Fancybox v3 Beta 1(禁用标题)

相关文章:

jquery - Chrome "unable to load"图像作为 CSS 'background' - 然后它归咎于 jquery

javascript - html5 Canvas 中的条件

html - 为什么在我的 <a> 元素下会出现 4px 的额外填充?

html - 删除链接周围多余的可点击区域

html - 如何使用 HTML 和 CSS 将现有列表元素放置在时间轴上?

css - IE 8 网站兼容性问题

javascript - http get 处理404错误

css - "+"(加号)CSS 选择器是什么意思?

javascript - 使 Arc Canvas 响应

html - body 造型无缘无故停在一个屏幕上