<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>半透明div</title>
<style>
#div1 { margin:0px auto; width:500px; height:370px ; text-align:center; background:url(wall3.jpg);}
#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>
<div><A href="http://www.999jiujiu.com/">
http://www.999jiujiu.com/</A></div>
</body>
</html>
相关文章
- css实现垂直居中的方法总结(很详细滴)
- 利用css来让一个div在页面中垂直居中的方法
- 点击图片或者鼠标放上hover .图片变大. 1)可以使用css中的transition, transform 2) 预先设置一个 弹出div. 3)弹出层 alert ; 4) 浏览器的宽度document.documentElement.clientWidth || document.body.clientWidth
- Css实现垂直水平居中的六种方法
- DIV+CSS左右两列自适应高度的方法
- jQuery实现将div中滚动条滚动到指定位置的方法
- 基于CSS+dIV的网页层,点击后隐藏或显示
- CSS实现半透明div层的方法
- CSS3实现DIV垂直居中+水平居中的四种方法
- css实现三角的一些方法