随笔 - 89  文章 - 0  评论 - 2  阅读 - 11万 

HTML悬浮div

需求，html底部为地图，上层是各个div

HTML
<body>
   //地图
   <div id='map' id="demo1"></div>
   <div class="middleTop" id="demo2">
   </div>
</body>
复制代码
css样式
.middleTop {
    width: 100%;
    height: 8%;
    position: absolute;
    top: 1px;
    text-align: center;
    background: #00065b;
}
复制代码

至此，demo2div就在demo1的上层了。

posted on   我的梦想是开个小店  阅读(262)  评论(0)  编辑  收藏  举报
相关博文：
· css样式弹跳的loading
· div 自动滚轮2
· css实现盒子悬浮上拉展示详细内容-案例
· Html盒子（相对定位、绝对定位）和用鼠标悬停把层叠的盒子显示下层的
· 如何将div悬浮在另外一个div之上？
阅读排行：
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 上周热点回顾（2.24-3.2）
点击右上角即可分享
微信分享提示