图片+css实现半透明引导页_html/css_WEB-ITnose
程序员文章站
2024-01-30 19:53:04
...
先上效果图:
html页面上只需一个div即可:
加上一个透明的图片即可实现用户引导页的功能,例如新版功能介绍、用户引导等功能!
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即可:
这是一个测试页面
加上一个透明的图片即可实现用户引导页的功能,例如新版功能介绍、用户引导等功能!
我的个人博客:http://blog.caicongyang.com ;
我的个人网站:http://www.caicongyang.com ;
我的CSDN博客地址:
推荐阅读
-
图片+css实现半透明引导页_html/css_WEB-ITnose
-
CSS如何实现当鼠标放在图片上时改变边框_html/css_WEB-ITnose
-
怎么实现图片中的那种表格结构啊?_html/css_WEB-ITnose
-
CPropertySheet标签页 实现各个CPropertyPage页面之间的切换_html/css_WEB-ITnose
-
CSS+JS实现图片集展示(续)_html/css_WEB-ITnose
-
纯CSS实现页签切换效果_html/css_WEB-ITnose
-
使用HTML.ActionLink实现一个图片链接_html/css_WEB-ITnose
-
在网页中如何实现下面的翻页导航效果?(有图有真相,图片在我下面的楼层中)_html/css_WEB-ITnose
-
html上传图片之前在网页预览实现_html/css_WEB-ITnose
-
CSS如何实现当鼠标放在图片上时改变边框_html/css_WEB-ITnose