CSS中如何使div覆蓋另一個div的實例

來源：懂視網責編：小采時間：2020-11-27 18:50:30

CSS中如何使div覆蓋另一個div的實例

CSS中如何使div覆蓋另一個div的實例:將一個p覆蓋在另一個p上有兩種手段：一是設置margin為負值，二是設置絕對定位?？梢愿鶄€人情況設置z-index的值1->position 為absolute的情況<html> <head> <style> #p1{position:absolute;width:30

推薦度：

點擊下載本文 文檔為doc格式

導讀CSS中如何使div覆蓋另一個div的實例:將一個p覆蓋在另一個p上有兩種手段：一是設置margin為負值，二是設置絕對定位?？梢愿鶄€人情況設置z-index的值1->position 為absolute的情況<html> <head> <style> #p1{position:absolute;width:30

將一個p覆蓋在另一個p上有兩種手段：一是設置margin為負值，二是設置絕對定位。

可以根個人情況設置z-index的值

1->position 為absolute的情況

<html>
<head>
<style>
#p1{position:absolute;width:300px;height:300px;background:#ccc;}
#p2{position:absolute;left:0;top:0;width:200px;height:200px;background:red;filter:alpha(opacity=50);}
</style>
</head>
<body>
<pid="p1">這里是p1的內容
 <pid="p2"></p>
</p>
</body>
</html>

2->用margin為負的操作

<html>
<head>
 <style>
 #p1 {position:relative; width:300px; height:300px;background:#ccc;}
 #p2 {position:relative; left:0; top:0;margin-top:-15px;width:200px; height:200px; background:red;filter:alpha(opacity=50);}
 </style>
</head>
<body>
<pid="p1"> 這里是p1的內容
 <pid="p2"></p>
</p>
</body>
</html>

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

CSS中如何使div覆蓋另一個div的實例

推薦度：

點擊下載本文 文檔為doc格式

標簽：如何另一個案例

熱門焦點

CSS中如何使div覆蓋另一個div的實例

CSS中如何使div覆蓋另一個div的實例

CSS中如何使div覆蓋另一個div的實例

最新推薦

猜你喜歡

熱門推薦