源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: css怎样让两个div重叠 [打印本页]

---

作者: 洪七公    时间: 2023-2-5 12:33
标题: css怎样让两个div重叠

css让两个div重叠的方法：首先利用【position:absolute】属性对div设置绝对定位；然后利用z-index属性来确定哪个div在上层。z-index属性用于指定一个元素的堆叠顺序。

给个代码的例子：

html

1. <div id="img_head" >
   
2. 
   
3. <img src="img/首页logo.png" class="head">
   
4. 
   
5. </div>
   
6. 
   
7. <div id="img_head_back">
   
8. 
   
9. <img src="img/背景.png" class="back" >
   
10. 
    
11. </div>

复制代码

css

1. #img_head{
   
2. 
   
3. border: 1px solid #FF0000;
   
4. 
   
5. position:absolute;
   
6. 
   
7. width:210px;
   
8. 
   
9. height: 210px;
   
10. 
    
11. z-index: 20;
    
12. 
    
13. left:600px;
    
14. 
    
15. top:170px;
    
16. 
    
17. text-align: center;
    
18. 
    
19. }
    
20. 
    
21. #img_head_back{
    
22. 
    
23. border: 0px solid #FF0000;
    
24. 
    
25. position:absolute;
    
26. 
    
27. width: 210px;
    
28. 
    
29. height: 210px;
    
30. 
    
31. left:600px;
    
32. 
    
33. top:170px;
    
34. 
    
35. z-index:10;
    
36. 
    
37. }

复制代码

---

欢迎光临 源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/)

Powered by Discuz! X3.3