标题:CSS DIV透明代码
只看楼主
shanshuiboy
Rank: 1
等 级:新手上路
帖 子:11
专家分:0
注 册:2008-12-9
 问题点数:0 回复次数:0 
CSS DIV透明代码
程序代码:
<html xmlns="http://www.>
<head>
<title>半透明div</title>
<style>
#div1 { margin:0px auto; width:500px; height:370px ; text-align:center; background:url(http://www.);}
#div2 {  height:330px; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#ffffff;  }
</style>
</head>
<body>
<div id="div1">

 <div style="padding:20px;"><div id="div2">透明的DIV</div></div>
</div>
</body>
</html>
CSS实现一个透明的DIV代码,这里用一张图片来区分DIV透明效果,在图片上覆盖一个DIV,该DIV是半透明显示的,与图片可清淅的显示出DIV的透明效果,在实现方法,同样是基于CSS的alpha滤镜,对此滤镜不太熟悉的,你正好可借机学习下用法 。
原文引自:http://www.
2015-01-09 20:04



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-440924-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.087450 second(s), 7 queries.
Copyright©2004-2025, BCCN.NET, All Rights Reserved