Question

我更像是一名网络程序员而非设计师，但目前我的工作要求我更多地了解网页设计。对不起，如果问题对专业人士来说是天真的。

坚持这个问题几个小时，不知道该怎么做......

请访问我的博客并查看底部：my blog

它有蜡封式rss饲料图像，带色带。我希望功能区位于背景颜色（羊皮纸，即）之上，以便显示木制背景。但我在这里失败了几个小时。在线完成了一些研究并尝试了几种不同的方法。仍然没有运气。

我想要达到的视觉效果可以在这个网页上找到：父亲和他的孩子的形象说明了我想要的东西：http://www.havocinspired.co.uk/

请使用FireBug并检查我的css样式表。我使用一种名为Artiseer的工具来帮助我绕过基础。所以也许这就是一切看起来如此混乱的方式。

提前多多感谢！

Answer 1

尝试给它一个否定的margin-bottom。

Answer 2

您需要将html更改为：

<div class="art-Footer">
  <div class="art-Footer-background">
    <div class="art-Footer-inner">
      <a href="http://chenximao.net/blog/feed/" class="art-rss-tag-icon" title="RSS"></a>

    </div>
  </div>
</div>

然后改变你的风格（将相关的风格改为你在下面看到的风格，或者将下面的内容与你发现的内容进行比较）：

.art-Footer {margin：20px auto 0;   位置：相对;宽度：884px;   的z-index：0; }

.art-Footer .art-Footer-background {   背景图像：网址（图像/ Footer.png）;   背景重复：重复;底部：×45像素;   高度：960x75像素;左：0;   垂直对齐：顶部;宽度：884px;   的z-index：-1; }

.art-Footer .art-Footer-inner {   填充：5像素;位置：相对;   文本对齐：中心;的z-index：0; }

.art-rss-tag-icon {   背景图像：网址（图像/ rsssealicon.png）;   背景位置：左上角;   背景重复：不重复;   显示：块;向左飘浮;   高度：100像素;保证金：0 -120px 0 50px;   位置：相对;顶部：-11px;   宽度：62px; }

如何让图像“挂在”背景之上？

2 个答案: