支持IE和FF的ASP.NET弹出层代码,Asp.Net代码库,德仔网

代码语言
代码分类
【Asp.Net】支持IE和FF的ASP.NET弹出层
作者:Create Kang / 发布于2012/8/30/ 571
<mce:style><!--
 a
 {
 color: #000;
 text-decoration: none;
 }
 .img
 {
 border: 0px;
 }
 .black_overlay
 {
 display: none;
 position: fixed;
 top: 0%;
 left: 0%;
 width: 100%;
 height: 100%;
 background-color: black;
 z-index: 1001;
 -moz-opacity: 0.8;
 opacity: .80;
 filter: alpha(opacity=80);
 }
 .white_content
 {
 display: none;
 position: fixed;
 top: 15%;
 left: 25%;
 width: 632px;
 height: 445px;
 border: 16px solid #FFF;
 border-bottom: none;
 background-color: white;
 z-index: 1002;
 overflow: auto;
 }
 .StdTextBox
 {
 font-family: verdana;
 font-size: 9pt;
 border: solid 1px black;
 filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='false');
 }
 .btn
 {
 border-right: #7b9ebd 1px solid;
 padding-right: 2px;
 border-top: #7b9ebd 1px solid;
 padding-left: 2px;
 font-size: 12px;
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
 border-left: #7b9ebd 1px solid;
 cursor: hand;
 color: black;
 padding-top: 2px;
 border-bottom: #7b9ebd 1px solid;
 }
--></mce:style><style mce_bogus="1"> a
 {
 color: #000;
 text-decoration: none;
 }
 .img
 {
 border: 0px;
 }
 .black_overlay
 {
 display: none;
 position: fixed;
 top: 0%;
 left: 0%;
 width: 100%;
 height: 100%;
 background-color: black;
 z-index: 1001;
 -moz-opacity: 0.8;
 opacity: .80;
 filter: alpha(opacity=80);
 }
 .white_content
 {
 display: none;
 position: fixed;
 top: 15%;
 left: 25%;
 width: 632px;
 height: 445px;
 border: 16px solid #FFF;
 border-bottom: none;
 background-color: white;
 z-index: 1002;
 overflow: auto;
 }
 .StdTextBox
 {
 font-family: verdana;
 font-size: 9pt;
 border: solid 1px black;
 filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='false');
 }
 .btn
 {
 border-right: #7b9ebd 1px solid;
 padding-right: 2px;
 border-top: #7b9ebd 1px solid;
 padding-left: 2px;
 font-size: 12px;
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
 border-left: #7b9ebd 1px solid;
 cursor: hand;
 color: black;
 padding-top: 2px;
 border-bottom: #7b9ebd 1px solid;
 }</style>

<body>
<div id="light" class="white_content">
 <div style="text-align: right; margin-right: 10px" mce_style="text-align: right; margin-right: 10px">
 <a href="javascript:void(0)" mce_href="javascript:void(0)" style="text-align: right;" mce_style="text-align: right;" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
 <img alt="关闭" src="../images/wineparty/close.gif" mce_src="images/wineparty/close.gif" /></a>
 </div>
 <hr style="color: Black;" mce_style="color: Black;" />
 
 <div>
 <table style="border-collapse: collapse" mce_style="border-collapse: collapse" width="100%" bordercolor="#000000" cellspacing="0"
 align="left" bgcolor="#ffffff" border="1">
 <tbody>
 <tr>
 <td height="40" style="width: 10%">
 <div align="center" style="font-size: 12px;" mce_style="font-size: 12px;">
 用户名：
 </div>
 </td>
 <td height="40" style="width: 50%">
 <div align="center">
 <asp:TextBox CssClass="StdTextBox" ID="txtUserName" Width="380px" runat="server"></asp:TextBox>
 </div>
 </td>
 <td height="40" rowspan="2" style="width: 30%">
 <div align="center" style="vertical-align: middle;" mce_style="vertical-align: middle;">
 <asp:Image ID="imgPlace" runat="server" Width="380px" Height="260px" />
 </div>
 </td>
 </tr>
 <tr>
 <td height="40">
 <div align="center" style="font-size: 12px;" mce_style="font-size: 12px;">
 描&nbsp;&nbsp;&nbsp; 述：
 </div>
 </td>
 <td height="40">
 <div align="center">
 <asp:TextBox TextMode="MultiLine" CssClass="StdTextBox" ID="txtDesc" runat="server"
 Height="130px"></asp:TextBox>
 </div>
 </td>
 </tr>
 <tr>
 <td colspan="3">
 <div align="center" style="font-size: 12px;" mce_style="font-size: 12px;">
 <asp:Button CssClass="btn" ID="btnApply" runat="server" Text="报名" OnClick="btnApply_Click" />
 <asp:Button CssClass="btn" ID="btnClose" runat="server" Text="取消" OnClientClick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" />
 </div>
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
 <div id="fade" class="black_overlay">
 </div>
 </div>
</body>
试试其它关键字
　弹出层　
同语言下
可能有用的
Create Kang贡献的其它代码(2)