Добавить второй фон, адаптивный шаблон

голоса: 0

Как добавить второй фон? Он есть при большом разрешении экрана. Но например /***** iPhone (portrait) *****/ в таблице стилей не понимаю как его прописать. сам фон пишется так

#casing {background:rgba(44,44,44,.3);}

а этот фон прозрачный

cas-i

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

| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Руслан Алексеев

Ответов: 2

Голоса: +1
 
Лучший ответ
Зачем вам PDA версия, это не адаптивность, это для уменьшение загрузки сайта при слабом инете, ваш шаблон адаптирован под моб. версии, для смены почитайте http://htmlbook.ru/css/media
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Голоса: +1

Прописывать нужно примерно так:

@media screen and (min-width: 340px) and (max-width: 730px) { 
    #cas-i {background:red;}
}

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

| Автор:
...