为Modal Popup添加美观的玻璃边框(add a glass border to your Modal Popup)

Thanks Deva to provide the code:

 

 

 

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<%@ 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 runat="server">
    
<title>Untitled Page</title>
    
<style>
        .yourDivCSS
        
{
            background
:white;
        
}
        .Modalpopup
        
{
            position
:absolute;
            z-index
:-1;
            left
:-15px;
            top
:-15px;
            color
: Black;
            
            border
: 15px solid gray;
            background-color
: White;
            opacity
: 0.8;
            filter
: alpha(opacity=80);
        
}
        .modalBackground
        
{
            background-color
: White;
            opacity
: 0.01; /* Safari, Opera */
            -moz-opacity
: 0.01; /* FireFox */
            filter
: alpha(opacity=1); /* IE */
        
}
    
</style>
</head>
<body>
    
<form id="form1" runat="server">
    
<div>
        
<asp:ScriptManager ID="ScriptManager1" runat="server">
        
</asp:ScriptManager>
        
        
<asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>
        
<cc1:ModalPopupExtender ID="ModalPopupExtender1" TargetControlID="LinkButton1" PopupControlID="Panel1" runat="server"
                                BackgroundCssClass
="modalBackground">
        
</cc1:ModalPopupExtender>
        
<asp:Panel ID="Panel1" runat="server">
            
<div class="yourDivCSS" style="width:200px; height:200px">
                devanand dhage
                
<%--<asp:LinkButton ID="LinkButton10" runat="server">open panel popup</asp:LinkButton>--%>
            
</div>
            
<div class="Modalpopup" style="width:200px; height:200px">
            
</div>
        
</asp:Panel>
        
        
<%--<cc1:PopupControlExtender ID="PopupControlExtender1" TargetControlID="LinkButton10" PopupControlID="Panel2" runat="server"
                                Position
="Right">
        
</cc1:PopupControlExtender>
        
<asp:Panel ID="Panel2" runat="server">
            
<div class="Modalpopup">
                Hi this 
is my popup
            
</div>
        
</asp:Panel>--%>
        
<br />
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
        devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage devanand dhage 
    
</div>
    
</form>
</body>
</html>
posted @ 2008-08-22 09:29  LanceZhang  阅读(828)  评论(0编辑  收藏  举报