Фоновая картинка не работает с фиксированным вложением

Question

Я работаю с проектом, и я столкнулся с препятствием, и я не могу решить эту проблему.(Ха-ха, исправьте)

У меня есть страница, соответствующая html, php's <?php include=""; ?>, javascript (и jQuery) и, конечно, немного CSS.Проблема заключается в CSS.

На первой странице одно фоновое изображение , а на подстраницах другое фоновое изображение .

Изображение подстраниц должнорасполагаться в «верхнем правом углу», и изображение на первой странице должно быть расположено таким образом, чтобы отображалось все изображение.

Это работало просто отлично, когда не было указано background-attachment:, но у меня есть подстраница, котораясодержит больше текста, чем может содержать страница.Это, конечно, делает прокрутку страницы.Я хочу, чтобы изображение не двигалось (оставалось фиксированным), но когда я добавляю «исправлено» к моему background: в css, изображение сходит с ума.Это порядок, я положил свои вещи в background:

div#container {
    background: #ccffff url("billder/bckground.jpg") fixed no-repeat right top;
}

Я думал, что проблема может быть здесь, но я попытался отделить теги, или как там это называется в css, например так:

background-color: #ccffff;
background-image: url("billeder/bckground.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right top;

Все еще не работает (все еще собирается wild )

Я строю страницу, используя этот метод , чтобы у div было min-height: в процентах. Это главная страница моего проекта и это подстраница с большим количеством текста.Как видите, главная страница сходит с ума, а фоновое изображение подстраницы не отображается должным образом, вы не можете видеть всю картинку целиком.Изображение является фиксированным , но отображается не так, как я хочу.

Я действительно надеюсь, что вы можете мне помочь, так как я очень много поставил из efford на этот сайт.

Просто чтобы избежать недоразумений и раздражающих вопросов, я не очень опытный программист / веб-разработчик.

РЕДАКТИРОВАТЬ

Чтобы прояснить ситуацию, я хочу, чтобы фон оставался неподвижным (прокрутите страницу вместе)

Answer 1

Удалите fixed и установите min-height (или height, который, я думаю, выглядит лучше) на 750px на вашем <div id="container_front">...</div>.

Таким образом, это становится так в вашем css:

div#container {
    position:relative;
    margin:0 auto;
    width:900px;
    background-color: #ccffff;
    background-image: url("billeder/bckground.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
    height: 750px;
    min-height: 750px;
}