我的z-index属性没有设置

时间:2011-08-06 08:05:11

标签: css z-index

我有一个包含登录和联系人模块的站点,该模块从页面的左上角滑出。我只有一个问题:登录模块工作正常,但联系人模块位于文本下方而不是上方。我设置了z-index: 999999;,但它仍然不起作用。我正在使用position: fixed;

2 个答案:

答案 0 :(得分:3)

将#iUngicontactForm从表格移动到body标签将修复它。 问题是元素的z-index是从它的父元素继承的,它只适用于兄弟元素。当你使用固定定位时,它是一个快速解决方案。

所以不要这样:

<body>
   <table>
     <tr><td>some content..</td></tr>
     <tr><td><div id="iUngicontactForm"></div></td></tr>
    </table>
</body>

这样做:

<body>
   <div id="iUngicontactForm"></div>
   <table>
     <tr><td>some content..</td></tr>
    </table>
</body>

答案 1 :(得分:1)

如果你在dom树上直到.art-block并在那里设置z-index就可以解决问题。在萤火虫中证实。不是整个.art-block类,但你需要在那里添加一个新类,或id或内联 - 到那个特定的.art-block。