Я применил автоматическое изменение размера CSS к изображению, теперь, как мне перенести его на фон? - PullRequest
Новая
       3

Я применил автоматическое изменение размера CSS к изображению, теперь, как мне перенести его на фон?

0 голосов
/ 19 марта 2011

Полный новичок CSS здесь, который только что применил трюк изменения размера изображения в принятом ответе на этот вопрос: Как расположить фоновое изображение как wanderfly.com?.

Проблема: Изменение размера прекрасно работает, но изображение появляется на переднем плане, блокируя содержимое всех моих страниц, отображаемых с помощью yield.Как добавить изображение на задний план?

соответствующая часть application.html.erb: 

<body>
  <%= image_tag("background.jpg", :id => "background") %>
  <%= yield %>
</body

таблица стилей CSS: 

#background {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

1 Ответ

0 голосов
/ 19 марта 2011

Ответ в комментариях к ответу, с которым вы связались:

не забудьте z-index: -9999, иначе ваше изображение будет вести себя не так, как фоновое изображение

Итак: 

#background {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9999;
}

См .: http://jsfiddle.net/XW9Pz/2/

...