ModalPopupExtender and opacity IE


K

kendalljones99

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>
 
Ad

Advertisements


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top