<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我爱CSS - www.52css.com 在一个层上面覆盖一个高度自适应的透明层</title>
<style type="text/css">
<!--
body { height:100%; }
#div1 {
position:relative;
float:left;
height:100%;
}
#div1 #div2{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
right:0;
bottom:0;
/*background:url(http://www.52css.com/skins/logo3.gif) bottom left no-repeat;*/
z-index:1;
-moz-opacity:0.5;
filter:alpha(opacity=50);
background:#c00;
}
-->
</style>
</head>
<body>
<div id="div1">
<img src="http://www.52css.com/skins/logo3.gif" />
<div id="div2">divs2</div>
</div>
</body>
</html>
如何在一个层上面覆盖一个高度自适应的透明层?
最新推荐文章于 2024-10-04 06:11:34 发布