Question

私はZ-インデックスの問題が発生しています。私は相対的なインデックスとz-インデックスを配置しようとしました。以下は

は私のコードです：

<tr> 
<td colspan="2"> firstname</td> 
<td colspan="2"><table cellspacing='0' cellpadding='0' border='0' style='position:relative;float:left;'> 
<tr><td width="25%"> 
<div class="yui-skin-sam"> 
<div id="myAutoComplete"> 
    <input id="myInput" type="text"> 
    <div id="myContainer"></div> 
</div> 
</div> 
</tr> 
</table> 
</td> 
</tr> 

<tr> 
<td colspan="2"> lastname</td> 
<td colspan="2"><table cellspacing='0' cellpadding='0' border='0' style='position:relative;float:left;'> 
<tr><td width="25%"> 
<input type="text" name="lastName"/> 
</tr> 
</table> 
</td> 
</tr> 
<tr> 
<td colspan="2">address</td> 
<td colspan="2"><table cellspacing='0' cellpadding='0' border='0' style='position:relative;float:left;'> 
<tr><td width="25%"> 
<input type="text" name="address"/> 
</tr> 
</table> 
</td> 
</tr> 

この問題を解決するためにいくつかの提案をお願いします。

おかげで、

ラジ

Answer 1

"Internet Explorerの要素がそのためのz-indexが正しく動作しない0のzインデックス値から始まる、新しいスタッキングコンテキストを生成する。配置で"

バグを修正するために、plsは単にターゲット要素の親ノードに高いz-indexを適用します。例：ネストされたdiv要素のトンがある場合

<div style="z-index: 3"> 
    <div style="z-index:1;"> 
     something here .... 
    </div> 
</div> 

、あなたは再帰的な要素の親に高いZインデックスを適用するにはJavaScriptを利用することができます。私はへのターゲティングあなたのz-indexが何かわからない、あなたは$（「whateveryouwant」）に$（「DIV」）を変更することができます

$(function() { 
    var zIndexNumber = 1000; 
    $('div').each(function() { 
     $(this).css('zIndex', zIndexNumber); 
     zIndexNumber -= 10; 
    }); 
}); 

、すべての依存する：それを修正するためにあなたのページにスクリプトを追加します。あなたの要望。

詳細：

http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/