Как установить фоновое изображение, чтобы сохранить его положение при изменении ширины браузера?

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

Вы можете использовать медиа-запрос, чтобы изменить CSS тела, когда оно достигает определенной ширины:

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

Answer 3

Сделайте это, добавив width: 960px; к элементу фонового оператора (в вашем случае это будет body).