.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，然后在#light_footer_logo上调整left和top的值。