css如何设置能让一个div元素覆盖在div元素上后下面的div元素中的文字不显示出来

 我来答
百度网友79faf363
2019-11-11 · TA获得超过1.1万个赞
知道小有建树答主
回答量:1212
采纳率:75%
帮助的人:54.9万
展开全部

假设上面div的class为two,下面div的class为one。

1、下面的div文字的颜色设置成transparent。

.one{

color:transparent;

}

2、给上面的div设置背景色。

.two{

background-color: fff;

}

扩展资料:

两个div重合的方法:

父级元素绝对定位,子级元素相对定位。通过left、right、top、bottom实现子级在父级内任意定位

假设父级元素的class为con,子级元素的class为two。

.con{

position: relative;

}

.two{

position: absolute;

top:0;

}

摆渡哪里
推荐于2017-12-15 · TA获得超过1.4万个赞
知道大有可为答主
回答量:5339
采纳率:75%
帮助的人:2186万
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
   <div style="height:50px; width:300px; background-color:#CCC;">div1中的文字将会被div2覆盖</div>
   <div style="height:50px; width:300px; background-color:#0C9; ">div2</div>
   <br />
  你要的是不是把上面转化为下面这个效果<br />
   <div style="height:50px; width:300px; background-color:#999; position:absolute">div1</div>
   <div style="height:50px; width:300px; background-color:#0C9; position:relative">div2</div>
</body>
</html>

效果图:

通过你的表述,我只能这么理解

本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
a6885938a
2013-05-30 · TA获得超过148个赞
知道答主
回答量:47
采纳率:0%
帮助的人:33.3万
展开全部
用position:relative; z-index:1定位,背景设置颜色(白色)
追问
应该是要绝对定位
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
喜欢AND读书的我
2013-05-30 · TA获得超过503个赞
知道小有建树答主
回答量:1043
采纳率:0%
帮助的人:236万
展开全部
上面的div加个背景把下面的遮挡住
追问
还要设置为绝对定位以及z-index
追答
是的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
投影人生
2013-05-29 · TA获得超过107个赞
知道答主
回答量:168
采纳率:100%
帮助的人:131万
展开全部
给个背景颜色#ffffff,或者设置不透明
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式