2012-04-30 10 views
0

私はAsp.NetjqGRidを私のページの1つに使用していますが、それには問題はありません。しかし、私はこの段階でサブメニューをいくつかしか含んでいないドロップダウンメニューを持っています。 jqGRid .Iの後ろに表示され、私はthis.Iメニューを包むDIVにz-indexを高く与えてみました解決するのですか知らないが、ないhelp.HereはサブメニューをjqGridにフォールバック

enter image description here 任意の提案は非常に高く評価された画像ではありません。

おかげ

答えて

1

メニューを含んでいる私のdivへのインデックス、これは非常に重要です。

+0

私はちょうどこの同じ問題をCSSメニューとjqGridを使ってIE8テストを行いました。フリーバードによると、メニューが含まれているdivに高いz-indexを置いてください。 ul/li要素のz-インデックスが最大値になっても、グリッドの背後に隠れることになります。 divコンテナがキーです! (おかげで、stackoverflow私のお尻をもう一度保存) –

0

私はjqGridが作成されたdiv要素の「計算スタイル」を調べるためにクロームの開発者ツールを使用することをお勧めいたしますでしょう。

私はあなたが記述効果に従うことができる二つの問題を知っている:

  • IEの互換モードの使用を。それはInternet Explorerでのみ存在する問題です。問題のため、私は<meta http-equiv="X-UA-Compatible" content="IE=edge" />のjqGridを持つすべてのページの<head>に配置しようとします。 !DOCTYPE(HTML5 !DOCTYPE<!DOCTYPE html">)を除く)を除きすべて使用できます。より安全では"X-UA-Compatible"
<system.webServer> 
    <httpProtocol> 
     <customHeaders> 
      <clear /> 
      <add name="X-UA-Compatible" value="IE=edge"/> 
     </customHeaders> 
    </httpProtocol> 
</system.webServer> 

を設定することです(のようなhereが、"X-UA-Compatible" HTTPヘッダーの別の値を持つ)

  • z-indexあなたはjqGridを置き、いくつかの親DIVから継承されます。場合によっては、<table>とページャ<div>を別の「コンテナ」div内に配置し、position: relative; z-index: auto;またはposition: relative; z-index: 1;(またはその他の小さな値)のスタイルで設定することも考えられます。だから、問題は、それは私が高いZ-を設定細かいnow.Alsoを働いている私のコード

    #jqGridDiv 
    { 
    position:relative; 
    z-index:1; 
    } 
    

    ですjqGrid .Hereを含むた私のdiv jgGridDivに次のスタイルを設定することで解決してしまった

+0

jqGrid.SivのコンテナであるjqGridDivというdiv名を持っていますが、z-index:autoを使用できるようにするにはどうすればいいですか?jqGridDivを含む別のdivを追加する必要があります – freebird

+0

@freebird: 'z-index' divの' jqGridDiv'は、絶対位置または相対位置のいずれかを持つ必要があります。ですから、 'style =" position:relative; z-index:auto; "'をdiv 'jqGridDiv'に追加してみてください。それが助けにならないなら、 'z-index:auto'を' z-index:1'のような別の値に変更することができます。 – Oleg

+0

私は両方をやってみました、それはwork.thanks – freebird