javascript - 如何在带有标题的网页中放置背景图像

Question

我要开始的是:http://jsbin.com/opokev/39

问题

• 图像根据浏览器窗口大小进行缩放和压缩。例如，如果我打开 Firebug (占页面的一半)，背景图像会压缩并且看起来不太好。

要求

• 我不希望图像从底部或顶部被 chop
• 我需要一个顶部大约 85px
的页眉
• 我不想要网页上的水平或垂直滚动​​条。

我以前问过问题，但得到的答案不一，我真的很纠结这个问题。我正在尝试获取类似于 livingsocial.com 上的背景图片的内容|唯一的区别是我不希望我的页眉像他们的一样接管部分图像。

Answer 1

我看到你的背景图像问题。您将其设置为 div 中的图像。为什么不摆脱它，只将以下内容应用于 css:

body {
background-image: http://i53.tinypic.com/347a8uu.jpg;
background-repeat:none;

}

或者如果出于某种原因你需要将其保留为 div，只需删除 position: absolute;

对于标题，只需在<body之后添加一个div即可像这样:

<div class="header_wrapper"></div>

还有CSS:

.header_wrapper {

width: 85px;
margin-left:auto;
margin-right:auto;
}