div应用疑问。在div_A中放<A>标签连接,内容在div_B中显示,怎样实现?提供演试代码。
在div_A中放<A>标签连接,div_B为半透明覆盖时,内容在div_B中显示,但是我希望B可以完全遮盖A这个要怎么办?<divid="div6"style="z-in...
在div_A中放<A>标签连接,div_B为半透明覆盖时,内容在div_B中显示,但是我希望B可以完全遮盖A 这个要怎么办?
<div id="div6" style="z-index:-1;background-color:Black;width:100%;height:100%;z-index:1000;position:absolute;left:0;top:0;display:none;">
</div>
<div id="div7" style="z-index:5;background-color:#5098D6;width:400px;height:150px;text-align:center;display:none;position:absolute;left:50%;top:50%;margin-top:-75px;margin-left:-200px;">
<p><br />用户名:<input id="input1" style="width:150px;height:20px;"/></p>
</div> 展开
<div id="div6" style="z-index:-1;background-color:Black;width:100%;height:100%;z-index:1000;position:absolute;left:0;top:0;display:none;">
</div>
<div id="div7" style="z-index:5;background-color:#5098D6;width:400px;height:150px;text-align:center;display:none;position:absolute;left:50%;top:50%;margin-top:-75px;margin-left:-200px;">
<p><br />用户名:<input id="input1" style="width:150px;height:20px;"/></p>
</div> 展开
2个回答
展开全部
div_A和div_B都采用position的方式对位,大小相同,设置div_B的z-index比div_A大
这样两个div就重叠了,然后再设置div_B的透明度即可
这样两个div就重叠了,然后再设置div_B的透明度即可
更多追问追答
追问
课时我的z-index设置没有改变啊 第一个是个透明层
追答
<html>
<head>
<style>
.box{width:200px;height:200px;position:absolute;top:80px;left:200px;}
#divA{background-color:#CCCCCC;z-index:9;}
#divB{background-color:#FF6600;z-index:99;filter:alpha(opacity=50);opacity:0.5;}
</style>
</head>
<body>
<div class="box" id="divA">
<a class="link" href="#">顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大</a>
</div>
<div class="box" id="divB"></div>
</body>
</html>
效果如图
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询