0

こんにちは、asp.net でユーザー定義のドロップ ダウン チェック ボックス コントロールを使用しています。アプリケーションをスクロールするたびに、これらのドロップ ダウン チェック ボックスが正しくスクロールされません。私が使用しているドロップダウンチェックボックスは次のとおりです。

 <IH:DropDownCheckBoxes ID="ddcbAlertAssignmentAlertStatus" runat="server"    AddJQueryReference="False"
                                                    CssClass="" DataSourceID="odsAlertAssignmentAlertStatus" DataTextField="AlertStatusName"
                                                    DataValueField="AlertStatusName" OnSelectedIndexChanged="cblAlertAssignmentAlertStatus_SelectedIndexChanged"
                                                    RepeatDirection="Horizontal" UseButtons="True" UseSelectAllNode="True" AutoPostBack="True">
                                                    <Style DropDownBoxBoxHeight="" DropDownBoxBoxWidth="100%" SelectBoxWidth="60%"
                                                        SelectBoxCssClass="DropDownZIndex2" />
                                                    <Texts SelectAllNode="Select all" SelectBoxCaption="Select Alert Status" />

そしてcssスタイルクラスは

  .DropDownZIndex2
{
    position:relative;
    border-style: solid;
    z-index: 300 !important;
    background-color: #FFFF00;

}

このように、z インデックスが 400、300、200、および 100 の 4 つのドロップダウン リスト ボックスを使用しています。これらは 1 つ下に存在し、スクロール中に他のすべてのコントロールと一緒に上に移動せず、マウスをそれらの上に置くと、上下に動くようにジャンプしています。固定相対などのさまざまな位置プロパティを使用してみましたが、うまくいきませんでした。各ドロップダウン チェック ボックスは、テーブルの 1 つの td タグで宣言されます。私のaspxの構造はこのようなもので、1つのtdにz-index 800のdivがあり、このdiv内に上記のドロップダウンチェックボックスが定義されているテーブルがあり、そのz-indexは前述のように指定されています. 通常モードの IE 8 で実行すると正しく動作しますが、互換性ビューで実行すると上記の問題が発生します。これで私を助けてください

4

1 に答える 1

0

私の推測では、ラッパー要素のDisplay CSS プロパティがFixedに設定されている可能性があります。

引用：「位置が固定された要素は、ブラウザウィンドウに対して相対的に配置されます。ウィンドウがスクロールされても移動しません。」

参照: http://www.w3schools.com/css/css_positioning.asp

于 2013-11-12T21:20:43.163 に答える