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

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

<style>
.ab{width:990px;height:400px;margin:0 auto;background:url(xx.jpg) 50% 0 no-repeat;position:relative;}
.cc{width: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就可以了

温馨提示:内容为网友见解,仅供参考
第1个回答  2014-08-09
你这个信息太少了,大致上,你可以多嵌套一个层,然后再放上去覆盖就可以了,如果位置需要调整,就用绝对定位,然后z-index就可以了。本回答被提问者采纳
第2个回答  2020-02-22
这就像是轮播图嘛,一个背景图,然后上面有左右的箭头按钮,你可以再添加一个div,然后在div里添加那个图片吧。萌新不懂,个人见解,错了轻喷
相似回答