0

私はAsp.Net jqGRid自分のページの 1 つで使用していますが、問題はありません。ただし、この段階ではいくつかのサブメニューしか含まれていないドロップダウン メニューがありますが、サブメニューが背後に表示されるという問題がありjqGRidます。私はこれを解決z-indexします。メニューをラップする divを高くしてみましたが、助けにはなりません。画像は次のとおりです。

ここに画像の説明を入力 どんな提案でも大歓迎です。

ありがとう

4

2 に答える 2

1

したがって、次のスタイルを jqGrid を含む div jgGridDiv に設定することで問題は解決しました。ここに私のコードがあります

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

現在は正常に動作しています。また、メニューを含む div に高い z-index を設定しました。これは非常に重要です。

于 2012-05-09T05:25:03.477 に答える
0

jqGrid が作成された div の「Computed Style」を調べるには、Chrome の Developer Tools を使用することをお勧めします。

あなたが説明した効果に続く可能性のある2つの問題を知っています。

  • IEの互換モードの使い方。Internet Explorer にのみ存在する可能性のある問題です。この問題のため、<head>jqGrid を含むすべてのページに行を配置しようとしました<meta http-equiv="X-UA-Compatible" content="IE=edge" />。!DOCTYPEHTML5 !DOCTYPE( ) を除いてすべてで動作します<!DOCTYPE html">。設定する方が安全です"X-UA-Compatible"
<system.webServer>
    <httpProtocol>
        <customHeaders>
            <clear />
            <add name="X-UA-Compatible" value="IE=edge"/>
        </customHeaders>
    </httpProtocol>
</system.webServer>

(こちら"X-UA-Compatible"と同様ですが、 HTTP ヘッダーの値が異なります)

  • z-indexjqGrid を配置した親 div から継承されます。場合によっては、追加の「コンテナ」div 内に<table>ページャーを配置<div>し、divposition: relative; z-index: auto;またはposition: relative; z-index: 1;(または他の小さな値) のスタイルに設定することを検討できます。
于 2012-04-30T10:03:52.123 に答える