HTML：.jpg作为页脚，上面有重复和徽标？

Question

我将.jpg作为页脚，它是8x76，只是一条高度为76px且渐变蓝色的简单线条。我想在上面放一个标志。最好的方法是什么？

这是我的CSS：

#light_footer_wrapper {
height: 110px;
background: url(../images/light_footer_repeat.jpg) repeat-x top left;
position: relative;
}

#light_footer_logo {
position: absolute;
top: 8px;
left: 600px;
height: 110px;  

}

#light_footer {
    width: 960px;
    margin: 0 auto;
    padding-top: 10px;
}

HTML：

<div id="light_footer_wrapper">
<div id="light_footer_logo"><img src="../a/images/logo.gif" /></div>
<div id="light_footer"></div>

我现在无法在我的页脚.jpg上找到我的徽标。但当我放大和缩小徽标时，我会想要锁定

Answer 1

如果您不想要额外的div，您还可以为#light_footer设置徽标的背景图片，但额外的div可能会让您获得更多控制权。

Answer 2

#light_footer_wrapper是浏览器的完整宽度，因此当您调整大小时，徽标会随之移动。

您应该将图片放在#light_footer内，制作#light_footer position:relative，然后在left上调整top和#light_footer_logo值