为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 @   LanceZhang  阅读(829)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示