先上效果图:
css:
.ydy{
width:100%;
height:100%;
overflow:hidden;
background-color:#000000;
filter:alpha(opacity=80);
-moz-opacity:0.6;
-khtml-opacity:0.6;
opacity:0.6;
position:absolute;
top:0px;
z-index:9999px;
}
.ydy img{
width:100%;
}
html页面上只需一个div即可:
<body style="background: #F5F5F5;">
<div id="ydy" class="ydy"><img src="../img/ydypic.png"></div>
<H2>这是一个测试页面</H2>
</body>
加上一个透明的图片即可实现用户引导页的功能,例如新版功能介绍、用户引导等功能!
我的个人博客:http://blog.caicongyang.com ;
我的个人网站:http://www.caicongyang.com ;
我的CSDN博客地址: http://blog.csdn.net/caicongyang ;