2013-09-01 62 views
-1

我有這樣的:CSS - z-index的工作不

<!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中點擊它。

任何解決方案?

回答

2

使用的位置是:你在哪裏使用的z-index相應的屬性,我希望它會工作

<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>