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>
展开
 我来答
zoubingquan
2013-06-21 · TA获得超过377个赞
知道小有建树答主
回答量:170
采纳率:100%
帮助的人:154万
展开全部
div_A和div_B都采用position的方式对位,大小相同,设置div_B的z-index比div_A大
这样两个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>


效果如图

Rickxu2024
2013-06-21 · TA获得超过228个赞
知道小有建树答主
回答量:146
采纳率:0%
帮助的人:96万
展开全部
代码贴上来 看看 这样不明白你的意思!~
追问
已经贴到问题补充里了
追答
额  才看见!~
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式