Форум русской поддержки Joomla!® CMS
04.12.2016, 14:10:37 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Как растянуть фоновое изображение для мобильного?

 (Прочитано 536 раз)
0 Пользователей и 1 Гость смотрят эту тему.
DegA81
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 25


« : 24.12.2015, 02:13:13 »

Доброй ночи!
Помогите с подгонкой фона сайта под мобильные устройства.

Вот здесь я так понимаю происходит подключение фонового изображения:
Код:
<body id="jsn-master" class="<?php echo $this->bodyClass ?>">
и дальше задание параметров
Код:
#jsn-master {
background-image: url(../../images/colors/grey/bg-master.jpg);     
background-position: center center;     
background-repeat: no-repeat;     
background-attachment: fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;   
background-size: cover;     
background-color: #7E95BE;
}

На компе во всех проверенных браузерах нормально растягивает на весь экран, а на мобиле нивкакую.
Как реализовать это для смартов?
Записан
Taatshi
Support Team
*****

Репутация: +430/-3
Online Online

Пол: Женский
Сообщений: 4715

Мама, я снова верстал во сне...


« Ответ #1 : 24.12.2015, 04:49:06 »

Лучше бы Вы ссылку на страницу дали
Записан
DegA81
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 25


« Ответ #2 : 24.12.2015, 10:41:38 »

Лучше бы Вы ссылку на страницу дали
http://koloboktaxi.ru
Записан
Taatshi
Support Team
*****

Репутация: +430/-3
Online Online

Пол: Женский
Сообщений: 4715

Мама, я снова верстал во сне...


« Ответ #3 : 24.12.2015, 13:32:37 »

эммм... все прекрасно растягивается. С чего Вы решили, что не работает?
Записан
DegA81
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 25


« Ответ #4 : 24.12.2015, 21:18:07 »

У меня только в Firefox нормально растягивает,  а в остальных кусок фона видно.

Записан
DegA81
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 25


« Ответ #5 : 24.12.2015, 23:32:36 »

вопрос закрыт.
на просторах интернета нашел универсальный код...
может и много чего лишнего но работает:
Код:
html, body {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
}
body {
    background-attachment: fixed;
    background-image: url('images/body_bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: 100% 100%; /* opera ≥ 9.5 */
    -webkit-background-size: 100% 100%; /* Safari ≥ 5.0, Chrome ≥ 4.0 */
    -khtml-background-size: 100% 100%; /* Konqueror ≥ 3.5.4 */
    -moz-background-size: 100% 100%; /* Firefox ≥ 3.6 */
    background-size: 100% 100%; /* браузеры с поддержкой CSS3: FF ≥ 4, Opera ≥ 10.53, IE ≥ 9.0 */
}
/* Через условные комментарии или хаки пишем стили для IE */ 
* HTML body {
    /* IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/google-chrome.jpg',sizingMethod='scale')";
    /* IE < 8 */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/body_bg.jpg', sizingMethod='scale');
    background-image: none; /* IE ≤ 9.0 */
}
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet