纯CSS代码实现的半透明浮动层效果_层和布局特效

查看演示效果
特效Tag:层透明添加

用纯CSS代码实现一个浮动层的半透明效果,至少透明度的深浅这个由你控制。这一行“filter:alpha(opacity=60);”即是控制层的透明度的,你可以适应改变这个值,至到你满意为止。
  <!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> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" /> <title>CSS半透明浮动层</title> <style type="text/css"> #wrap { position:absolute; width:560px; height:360px; 1122123<img src=http://p1.mb5u.com/texiao/3/20100522231220299.gif _fcksavedurl=http://p1.mb5u.com/texiao/3/20100522231220299.gif>2244234background:url(http://p1.mb5u.com/texiao/3/20100522231220299.gif); } #box { width:298px; height:160px; filter:alpha(opacity=76); opacity:0.6; margin-top:100px; margin-left:50px; background:#fff; border:1px #000 solid; padding:20px; font-size:14px; line-height:170%; } </style> </head> <body> <div id="wrap"> <div id="box"> <a href="/jscss/" target="_blank">模板无忧</a><br/> <strong>CSS半透明浮动层</strong><br>如果没有看到效果,就等待一会待网页加载完毕就看到啦…… </div> </div> </body> </html>

所属频道:层和布局特效/更新时间:2010-06-03
相关层和布局特效

层和布局特效Rss订阅特效代码搜索