html - 绝对定位在 anchor 顶部的 HTML 元素不会阻止点击 anchor ?

标签 html css anchor css-position

我正在定制一个音频播放器 - http://www.jplayer.org/latest/demo-01/ .我所做的是将播放进度条扩大一点,以便在其中显示当前播放轨道的标题。

一切正常,我有一个包含标题的绝对定位元素,它恰好位于进度条内。但是,当我在栏内单击以浏览歌曲时,标题元素会妨碍并阻止单击栏。

是的,我正在尝试找到一种方法来在 anchor 顶部显示元素,而不会妨碍单击 anchor 。任何想法表示赞赏!

最佳答案

您可以从标题上方的链接中定位一些元素或伪元素,如下所示:http://jsfiddle.net/kizu/TteeJ/z-index 大于标题的值。

但链接不能有任何 position 除了 static,否则 z-index 将不起作用。

关于html - 绝对定位在 anchor 顶部的 HTML 元素不会阻止点击 anchor ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7170399/

相关文章:

html - 能够在 html/css 中移动 div 容器的淡入淡出图像

php - 如何防止在单击超链接后重新加载页面但重定向到该页面并计算出在那里编写的必要代码?

php - 如何强制 HTML 链接是绝对的?

Javascript 未在网站中加载

javascript - 使用 Javascript 通过外部 html 文件替换 <div> 内容

javascript - 如何以React JS内联样式动态更改动画值

javascript - 跨电子书页面共享数据

html - 如何向此按钮添加表单操作?

带 anchor 文本的 CSS

html - box-shadow 移除自身