Я пытаюсь добиться чего-то подобного с помощью CSS:
Я хочу, чтобы фоновое изображение тела фиксировалось на полноэкранном режиме, это делается следующим кодом:
body
{
background: url(../img/beach.jpg) no-repeat fixed 100% 100%;
}
Теперь я могу проверить, что окно действительно заполнено этим изображением, по крайней мере это работает на моем Firefox 3.6
Однако, когда я попытался увеличить/уменьшить масштаб (ctrl + -/+), он испортился, изображение просто растягивается/сжимается при масштабировании страницы.
Есть ли лучший способ сделать это исключительно с помощью CSS? Я не нашел хорошего свойства для фонового изображения.
Или я должен начать думать о jQuery, чтобы манипулировать шириной и высотой на лету? Они оба установлены на 100%, поэтому я считаю, что должен работать "как всегда": (
Спасибо за любое предложение заранее!