两个div叠加(两张图片叠加)

最新推荐文章于 2023-08-11 17:34:30 发布

sunshuaij2ee

最新推荐文章于 2023-08-11 17:34:30 发布

阅读量1.3k

点赞数 1

分类专栏： java 沉淀代码文章标签： HTML

本文链接：https://blog.youkuaiyun.com/sunshuaij2ee/article/details/83816503

版权

java 沉淀代码专栏收录该内容

4 篇文章

订阅专栏

[quote]在常用html编写中，有很多地方用到两个层的叠加，也就是两个层的位置的设定问题。其实没有那么复杂，在此做个简单的演示，一看便知。层里面你可以放图片或其他什么的。(像现在的团购网站购买按钮图片那块用到的比较多)[/quote]


<div style="position: relative;">//这个层为外面的父层，只需设置相对位置样式即可
  <div style="position: absolute;">//这个为里面要叠加的层，只需设置绝对样式
    <img src="img/sunshuai.jpg"/>//这个为层里面的内容图片
  </div>
  <img src="20110110/871_129391305700000000.jpg"/>//这个为父层内容
</div>

[quote]
备注：1，父层和子层以及它们里面的内容的大小样式根据自己的应用自己设置调整。
2，可根据设置子层的left和top样式使叠加的层的位置发生改变。[/quote]