1

モーダル オーバーレイを表示するために、asp.net ajax モーダル ポップ エクステンダーを使用しています。期待どおりに動作しています。私が直面している問題は、IE 8 で背景を透明ではなく黒に設定していることです。FFとChromeで問題なく動作します。

マークアップ。

 <cc1:ModalPopupExtender ID="mpError" runat="server" PopupControlID="pnlError" TargetControlID="btn"
            CancelControlID="ancClose" BackgroundCssClass="modalBackground">
        </cc1:ModalPopupExtender>
        <asp:Panel ID="pnlError" runat="server" CssClass="modalPopup" align="center" Style="display: none">
            <div class="dvPopup">
                &nbsp;&nbsp; <a id="ancClose" style="float: left; cursor: pointer; margin: 10px 0 0 10px;">
                    <img alt="Close" src="Images/x_button.png" /></a>
                <br />
                <br />
                <span class="spanPop">You can only vote once!</span>
            </div>
        </asp:Panel>

CSS クラス。

 .modalBackground
        {
            background-color: #d2d2d2;
            filter: alpha(opacity=60%);
            opacity: 0.8;
        }
        .modalPopup
        {
            padding-top: 10px;
            padding-left: 10px;
            width: 486px;
            height: 215px;
        }



      .dvPopup
        {
            background-image: url('images/error2_window.png');
            width: 486px;
            height: 215px;
        }

IE8 では不透明度に問題がありますが、回避策はありません。任意の提案、Css ハックが機能します。

4

1 に答える 1

3

モーダル バックグラウンド クラスを変更することで、これを解決します。

  filter: alpha(opacity=50);
            opacity: 0.5;
于 2012-10-31T11:58:08.583 に答える