Question

我的设计要求部分是页面的全宽，但内容位于容器（article）内。考虑到这一点，需要一个漂浮在需要交互的完整部分之上的旁边（aside）。

article和side都有需要与之互动的内容。那么问题就是必须优先考虑另一个问题，而目前我已经为article找到了解决方案，但这并不理想。

有什么想法吗？我想看看是否可以先用CSS修复它，但认为这可能是JS的工作（在这种情况下是jQuery）。

感谢。

Answer 1

您只需要切换z索引，现在两个区域中的链接都是可点击的。

.module {
    z-index: 2;
}
section > div {
    z-index: 1;
}

之前，您正在优先考虑＆＃34;部分＆＃34;，以便即使＆＃34;模块＆＃34; 出现位于顶部（由于其定位属性），其z-index意味着它实际上无法访问。