問題在IE7具有「位置：相對於」

在IE7所有的div具有「位置：相對於」是重疊的我的其爲具有「位置：絕對」一個股利問題在IE7具有「位置：相對於」

代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#test1').focus(function(){ 
     $('#test1Div').slideDown(); 
    }); 
    $('#test1').blur(function(){ 
    $('#test1Div').slideUp(); 
}); 

$('#test2').focus(function(){ 
     $('#test2Div').slideDown(); 
    }); 
    $('#test2').blur(function(){ 
    $('#test2Div').slideUp(); 
}); 

}); 

</script> 
</head> 

<body> 
<table width="50%" border="0" cellspacing="0" cellpadding="5"> 
    <tr> 
    <td width="17%" align="right">test 1</td> 
    <td width="83%"><div style="position:relative"><input name="" id="test1" type="text" /> 
    <div id="test1Div" style="position:absolute; z-index:1; width:100px; background:#CCC; display:none; top:5px; left:0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> 
    </div></td> 
    </tr> 
    <tr> 
    <td align="right">test 2</td> 
    <td><div style="position:relative"><input name="input" id="test2" type="text" /> 
    <div id="test2Div" style="position:absolute; width:100px; background:#CCC; display:none; top:5px; left:0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> 
    </div> 
    </div></td> 
    </tr> 

</table> 

</body> 
</html>

來源

2011-07-20 Era

您可以通過提供更多詳細信息來幫助我們。 – jimy

代碼示例或指向違規頁面的鏈接會很有幫助，否則很難猜測出問題所在。 – tdammers

我已添加虛擬代碼供您參考。請幫忙。 – Era

檢查這個答案了：

http://jsfiddle.net/hkLFA/6/

這個問題似乎是在test1Div和test2Div位於相對定位的div的內部，所以前面相對定位的div必須具有高於進行中的div的z-索引。我加了test3Div作爲概念證明。

我沒有做很多事z-index，但我的猜測是，IE處理每個定位div它，而其他瀏覽器提供一個默認z-index所有元素（可能爲0），以及z-index被認爲是對抗。儘管如此，不要引用我的話。

來源

2011-07-20 13:40:46

它完成..謝謝:) – Era

問題在IE7具有「位置：相對於」

回答

相關問題