創建陰影效果

 <%@ 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

<div id="massage0" class="massage0" style="left: 183px; top: 331px">
    <div id="imgchange0" class="imgchange0">
     <div style="width:100%; height:60">
         <div>
          <span onClick="massage0.style.visibility='hidden';imgchange0.style.visibility='hidden';bg.style.visibility='hidden';" style="float:inherit; display:inline; cursor:hand">關閉</span>
         </div>
        </div>
    </div>
</div>
</body>
</html>

發佈了124 篇原創文章 · 獲贊 7 · 訪問量 25萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章