防止 div 与 CSS 重叠 [关闭]答案

【问题标题】：Prevent div overlap with CSS [closed]防止 div 与 CSS 重叠 [关闭]
【发布时间】：2012-11-12 19:24:53
【问题描述】：

问题在于页脚中的链接（Corporativo - Historias Memorables Area de Prensa）在一个带有 classmidbg trans 的 div 之后，该链接类似于背景，但它重叠并且链接不可点击。

我尝试了不同的 z-index，但没有奏效（或者我做得不好）。

提前致谢

【问题讨论】：

【解决方案1】：

如果您将z-index: 1 添加到midbg，并将position: relative; z-index: 2 添加到.mid li，您将解决问题。

z-index 属性绝对是一个奇怪的属性，当position 属性未定义时，它的行为会很奇怪。有时这很有用，有时没用。

【讨论】：

【解决方案2】：

删除 div：

<div class="midbg trans"></div>

而class="midbg trans" 类设置为li：

<li class="midbg trans"><a href="/memoriables">Historias Memorables</a></li>

【讨论】：

【解决方案3】：

只需删除

<div class="midbg trans"></div>

【讨论】：

【解决方案4】：

只需将您用于将较暗背景添加到列表元素标签的 midbg 类即可。

z 索引需要设置 position 属性，你可以根据需要在页脚内设置元素的绝对位置，然后使用 z-index。

【讨论】：