我正在使用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">
<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黑客都可以。
答案 0 :(得分:3)
通过更改模态背景类来解决此问题。
filter: alpha(opacity=50);
opacity: 0.5;