模态弹出背景在IE8中变成黑色

时间:2012-10-31 07:18:27

标签: css internet-explorer overlay modal-dialog

我正在使用asp.net ajax模式pop扩展器来显示模态叠加。它正在按预期工作,我面临的问题是它在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黑客都可以。

1 个答案:

答案 0 :(得分:3)

通过更改模态背景类来解决此问题。

  filter: alpha(opacity=50);
            opacity: 0.5;