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

Question

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

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

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

我仍在搜索CSS中是否有一种简单的方法可以在浏览器宽度超过960像素时保持图像居中，并且当它在这个尺寸以下时固定不变？

Answer 1

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

min-width:980px;

---

body{
min-width:980px;
}

-------------- for ie

用于即像这样调节css

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

创建一个css文件

body{width:980px;}  

有关ie css的更多信息 click here

Answer 2

通过将width: 960px;添加到后台语句所在的元素（在您的情况下，这将是body）来执行此操作。

Answer 3

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

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