Фоновое изображение страницы в Chrome и Safari

Question

У меня есть HTML-страница, к которой я применяю фоновое изображение, используя свойства CSS.

Проблема в том, что я хочу, чтобы это фоновое изображение появилось внизу относительно более длинной страницы, то есть страница должна бытьпрокрутите вниз, чтобы просмотреть фоновое изображение.

Я применил следующее:

body {
    background: url("images/bg_homepage.png") no-repeat scroll right bottom transparent;
}

Это отлично работает для Firefox и Internet Explorer, но не работает для браузеров Chrome и Safari.Для Chrome и Safari необходимо, чтобы свойство background-attachment было установлено как «fixed», но это именно то, чего я не хочу.

Пожалуйста, руководство.

Спасибо

Answer 1

Я сделал это с

body {
    width: 100%; height: 100%;
    position: absolute;
    background-image: url(img/strand_402.jpg);
}

Работает во всех браузерах (включая IE).

Answer 2

Если вы не хотите, чтобы это было в вашем теле, вы можете создать div с id и bg, например:)

и затем сделайте что-то подобное

#bg {
    background: url("/bg.gif") no-repeat scroll left bottom #FFFFFF;
    bottom: 100px;
    height: 396px;
    position: fixed;
    width: 288px;
    z-index: -1;
}

, если вы не хотите использовать фиксированный где-либо на странице, он не будет работать в основных браузерах: (