我在http://web.corporativocipres.com.mx/中遇到了 div 重叠的问题
问题在于页脚(Corporativo - Historias Memorables Area de Prensa)中的链接,它们在带有 classmidbg trans 的 div 之后具有类似背景但它重叠并且链接不可点击。
我尝试了不同的 z-index 但没有奏效(或者我做得不好)。
提前致谢
我在http://web.corporativocipres.com.mx/中遇到了 div 重叠的问题
问题在于页脚(Corporativo - Historias Memorables Area de Prensa)中的链接,它们在带有 classmidbg trans 的 div 之后具有类似背景但它重叠并且链接不可点击。
我尝试了不同的 z-index 但没有奏效(或者我做得不好)。
提前致谢
如果您添加z-index: 1
tomidbg
和添加position: relative; z-index: 2
to .mid li
,您将解决问题。
该z-index
属性绝对是一个奇怪的属性,并且在position
未定义该属性时可能会出现奇怪的行为。有时这很有用,有时则没有。
删除 div:
<div class="midbg trans"></div>
并将class="midbg trans"
课程设置为 li:
<li class="midbg trans"><a href="/memoriables">Historias Memorables</a></li>
只需删除
<div class="midbg trans"></div>
只需将您用于将较暗背景添加到列表元素标签的 midbg 类即可。
z 索引需要设置 position 属性,如果需要,您可以在页脚内绝对设置元素的位置,然后使用 z-index。