防止div与CSS重叠

时间:2012-11-12 19:24:54

标签: css html overlap overlapping

我在http://web.corporativocipres.com.mx/

中遇到div重叠的问题

问题在于页脚中的链接(Corporativo - Historias Memorables Area de Prensa)他们在具有classmidbg trans的div之后具有背景但是它重叠且链接不可点击。

我试过不同的z-index但是没有用(或者我做错了)。

提前致谢

4 个答案:

答案 0 :(得分:2)

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

z-index属性肯定是一个奇怪的属性,并且在未定义position属性时可能会出现奇怪的行为。有时这很有用,有时却不是。

答案 1 :(得分:1)

删除div:

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

并且class="midbg trans"类设置为li:

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

答案 2 :(得分:0)

只需删除

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

答案 3 :(得分:0)

只需添加您正在使用的midbg类,以便为list元素标记创建更深的背景。

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