源码论坛公告:本站是一个交流学习建站资源的社区论坛,旨在交流学习源码脚本等资源技术,欢迎大家投稿发言! 【点击此处将锦尚放在桌面

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

 找回密码
 会员注册

QQ登录

只需一步,快速开始

查看: 4492|回复: 0

[CSS/Html] css怎样让两个div重叠

[复制链接]

3096

主题

3497

帖子

13万

金币

超级版主

Rank: 8Rank: 8

积分
269266
发表于 2023-2-5 12:33:58 | 显示全部楼层 |阅读模式

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

给个代码的例子:

html

  1. <div id="img_head" >

  2. <img src="img/首页logo.png" class="head">

  3. </div>

  4. <div id="img_head_back">

  5. <img src="img/背景.png" class="back" >

  6. </div>
复制代码


css

  1. #img_head{

  2. border: 1px solid #FF0000;

  3. position:absolute;

  4. width:210px;

  5. height: 210px;

  6. z-index: 20;

  7. left:600px;

  8. top:170px;

  9. text-align: center;

  10. }

  11. #img_head_back{

  12. border: 0px solid #FF0000;

  13. position:absolute;

  14. width: 210px;

  15. height: 210px;

  16. left:600px;

  17. top:170px;

  18. z-index:10;

  19. }
复制代码


您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

锦尚中国源码论坛

聚合标签|锦尚中国,为中国网站设计添动力 ( 鲁ICP备09033200号 ) |网站地图

GMT+8, 2024-4-16 05:37 , Processed in 0.027591 second(s), 16 queries .

带宽由 锦尚数据 提供 专业的数据中心

© 锦尚中国源码论坛 52jscn Inc. 非法入侵必将受到法律制裁 法律顾问:IT法律网 & 褚福省律师 锦尚爱心 版权申诉 版权与免责声明