我正在尝试在我的页面上添加侧边栏。页面上的主体容器有一个盒子阴影,所以我希望侧边栏看起来像是从容器下面出现,这样阴影就会在其上方。我将我的侧边栏div设置为body容器的直接子元素(它具有position: relative),并将其位置设置为absolute,然后使用top和right位置值进行定位。我已经把它放在了正确的位置,然后应用了负的z-index,使它位于body下面。问题是,这会使我放在侧边栏中的任何链接在除IE9之外的所有浏览器中都无法点击。我不知道还有什么其他方法可以实现这一点而不会影响链接。有什么建议吗?
我想发布一个显示示例的页面链接,但我正在积极地对其进行更改,所以当你单击它时,你可能看不到我想要的内容。我会尽力解释得更好。
主体容器宽度为720px,并具有自动边距,以使其在页面中居中显示。它被定位为相对位置。
侧边栏是body容器的直接子元素(第一个子元素)。它具有固定的宽度、绝对定位、填充等,并且应用了顶部和右侧位置,以及-100的z-index。
这是一个链接:
我想发布一个显示示例的页面链接,但我正在积极地对其进行更改,所以当你单击它时,你可能看不到我想要的内容。我会尽力解释得更好。
主体容器宽度为720px,并具有自动边距,以使其在页面中居中显示。它被定位为相对位置。
侧边栏是body容器的直接子元素(第一个子元素)。它具有固定的宽度、绝对定位、填充等,并且应用了顶部和右侧位置,以及-100的z-index。
这是一个链接: