-1

我有这个：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>

    <style>
    .avatardiv{width:48px;height:48px;z-index:20}
    .avatardiv a{width:48px;height:48px}
    .postdiv{width:100%;margin-top:-48px;z-index:10}
    </style>

</head>

<body>

<div class="avatardiv"><a href="http://google.com"><img src="" /></a></div>
<div class="postdiv">test test test test test test test test test test ....</div>

</body>
</html>

avatardiv 的 z-index 在 Firefox 中不起作用。我可以在 IE 中单击 img，但在 FireFox 中无法单击它。

任何解决方案？

4

2 回答 2

2

在您使用 z-index 的地方使用 position:relative 属性，我希望它会起作用

    <style>
    .avatardiv{width:48px;height:48px;z-index:20;position:relative}
    .avatardiv a{width:48px;height:48px}
    .postdiv{width:100%;margin-top:-48px;z-index:10;position:relative}
    </style>
于 2013-09-01T09:37:25.613 回答
1

http://www.w3schools.com/cssref/pr_pos_z-index.asp

注意：z-index 仅适用于定位元素（位置：绝对、位置：相对或位置：固定）。

于 2013-09-01T09:38:45.370 回答