1

ここに画像の説明を入力問題:

IE8 では、Ajax コントロール ツールキットのポップアップ パネルが modalBackground の下に表示されます (スクリーン ショットを参照)。これは IE8 でのみ発生します。

以前の試み:

cssファイルのz-index(z-indexの問題のように見えます)を次のように上書きしようとしました:

.modalPopup
{
    background-color: white;
    width:200px;
    height:150px;
    z-index:100000001 !important; 
}

問題はまだ存在します。Firefox で firebug を使用すると、ユーザーがボタンをクリックしてモーダル ポップアップを表示すると、z-index の変化を確認でき、z-index が正しく変化します。

コード:

<asp:ModalPopupExtender ID="MPsdE" runat="server" Enabled="true" DynamicServicePath=""
    OkControlID="OkButton" 
    CancelControlID="CancelButton"
    TargetControlID="MoreServers"
    PopupControlID="ModalPanel"
    BackgroundCssClass="modalBackground" >
</asp:ModalPopupExtender>




<asp:Panel ID="ModalPanel" runat="server" >
  <div class="modalPopup" >
    test <asp:Button ID="OkButton" runat="server" Text="Okay"/>
    <asp:Button ID="CancelButton" runat="server" Text="Cancel"/>
  </div>
</asp:Panel>

CSS:

.modalBackground 
{
    position:fixed; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5;  
}
.modalPopup
{
    background-color: white;
    width:200px;
    height:150px;
    z-index:100000001 !important; 
}

modalBackground の z-index を低く設定しようとしましたが、成功しませんでした。

質問:

  1. 以前にこの問題が発生したことがありますか? もしそうなら、あなたは私を正しい方向に向けることができますか?
  2. この問題が発生していないとしたら、どのような点に注目しますか? 私は完全にアイデアがありません
4

3 に答える 3

0

属性を変更してみる

位置:固定; 配置する:絶対;

于 2012-06-27T18:30:08.470 に答える
0

問題は、私が投稿したものではないことが判明しました。問題はテンプレートのどこかにあり、タグが閉じられていない可能性があります。

于 2012-06-27T19:35:24.797 に答える
-1

パネルの背景色を設定します ( BackColor="White"); それはあなたの問題を解決します。

于 2012-12-14T18:49:57.677 に答える