css - 如何在浏览器宽度变化时设置背景图像以保持其位置？

Question

我想知道如何设置背景图像以保持其在此站点上的位置：http ://www.jylkkari.fi/wordpress/

当您将浏览器拖动到 960 像素以下时，侧边栏的背景开始向中心移动。

我发现这个 Javascript可以解决这个问题。

我仍在寻找 CSS 中是否有一种简单的方法可以在浏览器宽度超过 960 像素时保持图像居中并在低于此尺寸时保持固定？

Answer 1

............. 定义你的身体

min-width:980px;

---

body{
min-width:980px;
}

--------------对于即

习惯于像这样设置css

 <!--[if lt IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->  

创建一个css文件

body{width:980px;}  

更多关于ie css的信息请点击这里

Answer 2

通过将背景语句添加width: 960px;到元素中来做到这一点（在您的情况下，这将是body）。

Answer 3

您可以使用媒体查询，在达到一定宽度时更改正文的 CSS：

@media all and (max-width: 960px) {
  body {
    background-position: left center;
  }
}