css - IE8中的模态弹出背景变成黑色

Question

我正在使用 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 hacks 都会起作用。

Answer 1

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

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