我正在尝试向我的页面添加侧边栏。页面上的主体容器有一个框阴影,所以我希望侧边栏看起来好像是从容器下面出来的,所以阴影会在它上面。我将侧边栏 div 设为 body 容器(具有position:relative)的直接子项,并将其位置设置为绝对位置,然后使用顶部和右侧位置值对其进行定位。我把它放在正确的位置,然后应用负 z-index 以便它位于 body 下方。问题是,这使得我放在边栏中的任何链接在除 IE9 之外的所有程序中都不可点击。我不知道如何在不删除链接的情况下完成此操作。有什么想法吗?
我会发布一个链接到一个显示示例的页面,但我正在积极地对其进行更改,所以当您单击它时,您可能不会看到我要做什么。我会尝试更好地解释。
正文容器的宽度为 720 像素,并具有自动边距,因此它在页面中居中显示。它是相对定位的。
侧边栏是主体容器的直接子项(第一个子项)。它具有固定宽度、绝对位置、填充等,并应用了顶部和右侧位置,以及 -100 的 z-index。
这是一个链接:
最佳答案
您可以删除负数 z-index
并给出 inner shadow到与 .body
元素的外部阴影相同的侧边栏。
您必须尝试一下,看看它如何影响侧边栏的边框。
关于html - 负 z-index 剔除链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5540790/