HTML中添加了css背景图片，如何在背景上面再添加一个悬浮图片可以加链接的

Posted 2023-04-05

html中添加了css背景图片，如何在背景上面再添加一个悬浮图片可以加链接的

<style>
.abwidth:990px;height:400px;margin:0 auto;background:url(xx.jpg) 50% 0 no-repeat;position:relative;
.ccwidth:100px;height:100px;display:block;position:absolute;left:500px;top:300px;
</style>
<div class="ab">
<a href="#" class="cc"><img src="..." width="100" height="100"></a>
</div>

你只需要在外部div定义相对定位，里面的连接定义绝对定位就可以了。然后left 和top分别为左边、顶部的 距离。当然如果你要是不随页面滚动变化的话 就设置里面的div position:fixed就可以了

参考技术A 你这个信息太少了，大致上，你可以多嵌套一个层，然后再放上去覆盖就可以了，如果位置需要调整，就用绝对定位，然后z-index就可以了。本回答被提问者采纳 参考技术B 这就像是轮播图嘛，一个背景图，然后上面有左右的箭头按钮，你可以再添加一个div，然后在div里添加那个图片吧。萌新不懂，个人见解，错了轻喷

如何在html已有背景的情况下，在上面添加一个盒子？

参考技术A 父元素有背景了完全不影响子元素的位置呀，子元素还是按照从上到下的顺序在父元素中排列的。
实在不行可以使用定位，父元素设置position: relative，子元素设置position: absolutu，调整top和left，想放哪里就放哪里。