I'm running into a strange problem....When I have a container DIV
with
the height set up to 2014px all the background gets properly "grayed"
and is partially opaque. If the container DIV is just 1 px higher it
stops working!
I've included sample code below. Any help is greatly appreciated!
<%@ Page Language="VB" AutoEventWireup="false"
CodeFile="Sandbox.aspx.vb" Inherits="Sandbox" %>
<%@ Register Assembly="AjaxControlToolkit"
Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Untitled Page</title>
<style type="text/css">
.modalBackground
{
background-color: Gray;
filter: alpha(opacity=70);
opacity: 0.7;
}
.modalPopup
{
background-color: #FFFFDD;
border-width: 3px;
border-style: solid;
border-color: Gray;
padding: 3px;
width: 250px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div style="border: solid thin black; height: 2014px;">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:ScriptManager ID="ScriptManager1"
runat="server">
</asp:ScriptManager>
<asp:Button ID="btnClickToOpen" runat="server"
Text="Click here!" />
<br />
<asp:Label ID="lblName" runat="server"></asp:Label>
<br />
<asp:Panel ID="Panel2" runat="server" Style="display:
none;" CssClass="modalPopup">
<asp:Label ID="Label1" runat="server"
Text="Please
enter your name:"></asp:Label>
<br />
<asp:TextBox ID="TextBox1" runat="server"></
asp:TextBox><br />
<asp:Button ID="btnOK1" runat="server"
Text="OK" /
<asp:Button ID="btnCancel1" runat="server"
Text="Cancel" />
<cc1:ModalPopupExtender ID="ModalPopupExtender2"
runat="server" OnOkScript="fnClickOK()"
CancelControlID="btnCancel1"
OkControlID="btnOK1" DropShadow="true"
BackgroundCssClass="modalBackground"
PopupControlID="Panel2"
TargetControlID="btnClickToOpen">
</cc1:ModalPopupExtender>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
<asp:Label ID="Label22" runat="server" Text="Hello" />
</div>
</form>
</body>
</html>
