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

<style>

.ab{width:990pxheight:400pxmargin:0 autobackground:url(xx.jpg) 50% 0 no-repeatposition:relative}

.cc{width:100pxheight:100pxdisplay:blockposition:absoluteleft:500pxtop:300px}

</style>

</div>

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

<html>

<head>

<style>

#div1 {position:relativewidth:650pxheight:210pxoverflow:hidden}

#div2{position:absolute}

li{float:leftlist-style-type:nonepadding:5px}

img{border:none}

a{position:relative}

</style>

window.onload=function()

{

var odiv2=document.getElementById('div2')

var ali=odiv2.getElementsByTagName('li')

var aspeed=-5

odiv2.innerHTML+=odiv2.innerHTML

odiv2.style.width=ali[0].offsetWidth*ali.length+'px'

setInterval(function()

{

odiv2.style.left=odiv2.offsetLeft+aspeed+'px'

if (odiv2.offsetLeft<-odiv2.offsetWidth/2)

{

odiv2.style.left='0px'

}

},30)}

}

</script>

</head>

<body>

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

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