html - 负 z-index 剔除链接

标签 html css position z-index

我正在尝试向我的页面添加侧边栏。页面上的主体容器有一个框阴影,所以我希望侧边栏看起来好像是从容器下面出来的,所以阴影会在它上面。我将侧边栏 div 设为 body 容器(具有position:relative)的直接子项,并将其位置设置为绝对位置,然后使用顶部和右侧位置值对其进行定位。我把它放在正确的位置,然后应用负 z-index 以便它位于 body 下方。问题是,这使得我放在边栏中的任何链接在除 IE9 之外的所有程序中都不可点击。我不知道如何在不删除链接的情况下完成此操作。有什么想法吗?

我会发布一个链接到一个显示示例的页面,但我正在积极地对其进行更改,所以当您单击它时,您可能不会看到我要做什么。我会尝试更好地解释。

正文容器的宽度为 720 像素,并具有自动边距,因此它在页面中居中显示。它是相对定位的。

侧边栏是主体容器的直接子项(第一个子项)。它具有固定宽度、绝对位置、填充等,并应用了顶部和右侧位置,以及 -100 的 z-index。

这是一个链接:

http://reachchallenges.infectionist.com

最佳答案

您可以删除负数 z-index 并给出 inner shadow到与 .body 元素的外部阴影相同的侧边栏。

您必须尝试一下,看看它如何影响侧边栏的边框。

关于html - 负 z-index 剔除链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5540790/

相关文章:

javascript - 当我以编程方式输入值时,HTML 输入元素无法识别值

php - 我试图杀死侧边栏,但我不能 - wordpress

html - 如何仅使超大屏幕背景图像变暗

python - 如何将 QWidget 与 QItemDelegate 和 QTableView 一起使用

html - IE 字体扩展问题

javascript - 为什么不显示图像?

java - Thymeleaf 下拉选择

javascript - 使用 CSS 设置单选按钮样式 - 遇到问题

javascript - 当对象 "Hit"彼此 - Javascript

html - 使用css定位img元素