CSS中div覆盖另一个div
將一個(gè)div覆蓋在另一個(gè)div上有兩種手段：一是設(shè)置margin為負(fù)值，二是設(shè)置絕對(duì)定位。
可以根個(gè)人情況設(shè)置z-index的值
1->position 為absolute的情況
<html>
<head>
<style>
#div1{position:absolute;width:300px;height:300px;background:#ccc;}
#div2{position:absolute;left:0;top:0;width:200px;height:200px;background:red;filter:alpha(opacity=50);}
</style>
</head>
<body>
<divid="div1">這里是div1的內(nèi)容
????????? <divid="div2"></div>
</div>
</body>
</html>
2->用margin為負(fù)的操作
<html>
<head>
?? ?<style>
? ? #div1?{?position:relative;?width:300px;?height:300px;?background:#ccc;}
?? ?#div2?{?position:relative;?left:0;?top:0;margin-top:-15px;?width:200px;?height:200px;?background:red;filter:alpha(opacity=50);}
?? ?</style>
</head>
<body>
<divid="div1"> 這里是div1的內(nèi)容
????????? <divid="div2"></div>
</div>
</body>
</html>
轉(zhuǎn)載于:https://www.cnblogs.com/hujunzheng/p/4998640.html
總結(jié)
以上是生活随笔為你收集整理的CSS中div覆盖另一个div的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： u盘在电脑上为什么显示不出来怎么回事 U
- 下一篇： html盒子模型页面居中,【静态页面架构