Как адаптировать фоны под разрешение

[AE1]

Добрый день всем!

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

[krumax]

Нужно сделать резиновый фон.

[pmp]

нужно создать версии картинок для всех расширений

а потом стилями сделать так

@media screen and (min-device-width: 800px) {
  . you_class_name_or_id { background: url( 800.jpg); }
}
@media screen and (min-device-width: 1024px) {
  you_class_name_or_id { background: url(1024.jpg); }
}
@media screen and (min-device-width: 1280px) {
  you_class_name_or_id { background: url(1280.jpg); }
}

ну итак далее для всех экранов

возможно я где-то ошибся в синтасисе - вот тут http://htmlbook.ru/css/value/media

можно узнать больше

Можно еще при помощи javaquery это сделать - причем 2 подспособами

1 - как css-ный метод - только стилями управляет javaquery исходя из расширения экрана

2 - меняет сам размер картинки - но падает ее качество