ASP.NET 弹窗与样式设计-优快云博客

本文链接：https://blog.youkuaiyun.com/codetian/article/details/3208664

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!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>无标题文档</title>
<style type="text/css">
#bg
{
background:#00FF66;
width: 100%;
height: 150%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
z-index:1;
position:absolute;/*IE6*/
visibility:hidden;
}

.imgchange0
{
border:#036 solid;
border-width:1;
width:95%;
height:95%;
background:#fff;
color:#036;
font-size:12px;
line-height:150%;
visibility:hidden;
}

#massage0
{
position:absolute;
left:expression((body.clientWidth-350)/2);
top:expression((body.clientHeight-300)/2);
width:500px;
height:300px;
filter:dropshadow(color=#666666,offx=3,offy=3,positive=2);/*创建阴影效果*/
z-index:2;
visibility:hidden;
left: 130px;
top: 33px;
}
</style>
</head>

<body>
<a href="javascript:void();" onClick="bg.style.visibility='visible';massage0.style.visibility='visible';imgchange0.style.visibility='visible'" style="cursor:hand;color: #FF0000">点击</a>
<div id="bg"></div>
dsafdddddddddd
dsaf
fdsa