【发布时间】:2014-08-31 18:15:26
【问题描述】:
我在页面顶部放置了一个使用 jQuery(显示)的框。我希望整个页面在显示时向下移动,即使是设置为包含响应大小的正文背景图像也是如此。由于 div 将自身放置在 body 标记内,因此背景图像不会将自身放置在框下方。
如何使背景图像相对,以便在显示框时将其向下推?
body{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
background-repeat: no-repeat;
background-image: url(../images/SELFIE-first.jpg);
background-size: contain;
background-position: top;
}
【问题讨论】:
-
你有某种包装 div 吗?将背景应用于包装内容的 div。然后可以将该 div 向下推,并带上它的背景。