Question

我目前正在开设一个爱好网站，我正在努力完成一些看起来应该更高级的东西，我希望你能帮助我。

我希望带一个背景元素，前景（因为它的一小部分应该到达菜单行的顶部）

我正在使用CSS3多种背景方法，使用3种不同的背景元素。我已经包含了代码和图像以显示我的人物。

干杯

background-image:url(logo.png), url(shinybg.png), url(bgpat.jpg);
background-repeat:no-repeat, no-repeat, repeat;
background-position:top center, top 18px center, top left;
height:1000px;
padding-top:10px;
z-index:-1

图片：http://goo.gl/JEvhAz

编辑：好的，好像我修好了。我在我的包装器外面制作了img标签，并将其置于绝对位置，将其置于中心位置如下：

#logotop {
    width: 905px;
    margin: 0 auto;
    margin-top:-18px;
    position:absolute;
    left:0;
    right:0;
}

左边和右边的0连同边距0自动固定它，欢呼小伙伴

Answer 1

将标题图片/徽标放入页面顶部的新<img>标记中。这将使您对定位的控制比您当前所做的更多，并允许您使用z-index。

如果您对HTML / CSS感到满意，我建议您创建标题<div>并在该div上设置背景（以及z-index）。这将为您提供更多选项，但更简单的选项是使用<img>标记。

这是一个jsFiddle，其中包含一些可能对您有所帮助的示例：http://jsfiddle.net/tMhs7/1/

将多个背景元素带到前面

1 个答案: