Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.56/9: Рейтинг темы: голосов - 9, средняя оценка - 4.56
A_N_A_N_A_S
4 / 4 / 4
Регистрация: 21.04.2014
Сообщений: 139
1

Не отображается фон на мобильных устройствах

14.05.2015, 19:40. Просмотров 1816. Ответов 2
Метки нет (Все метки)

Вот недавно закончил проект и выложил на хостинг. Решил зайти на сайт с Iphone и увидел, что фон страницы не отображается. Все мои попытки это исправить ни к чему не привели. Главное, что на пк у меня и знакомых все работает отлично.

Вот css

body
{

background: url(images/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;


}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
14.05.2015, 19:40
Ответы с готовыми решениями:

Не растягивается фон на мобильных устройствах
На компьютере все супер, а вот на телефонах фон не тянется и остается справа...

Не корректно отображается адаптация сайта на мобильных устройствах
При адаптации сайта, проверяю через браузер выбирая подходящие устройства. Сайт...

Маштабирование на мобильных устройствах
Помогите,пожалуйста.

Искажение фона на мобильных устройствах
Здравствуйте, уважаемые! Фон сайта описан так: #bd { background:...

Белое поле на мобильных устройствах
Добрый вечер. Пытаюсь допилить достаточно кривой в плане адаптивности шаблон...

2
whiteapps
408 / 373 / 220
Регистрация: 18.07.2014
Сообщений: 1,258
14.05.2015, 19:55 2
A_N_A_N_A_S,
попробуйте такую запись

CSS
1
2
3
body {
    background: url(images/background.jpg)  no-repeat fixed center center / cover;
}
0
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2745 / 2305 / 1017
Регистрация: 15.12.2012
Сообщений: 8,561
Записей в блоге: 1
14.05.2015, 20:11 3
A_N_A_N_A_S, задам вопрос конечно банальный, но логичный: а стили для мобилы Вы внешним файлом css или с помощью тега <style>? Если внешним файлом тогда путь до фона будет:
CSS
1
background: url(../images/background.jpg) no-repeat;
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.05.2015, 20:11

Смещение вёрстки на мобильных устройствах
Доброго времени суток! Возникла проблема с сайтом http://kirilenkophoto.com/...

Не работает z-index на мобильных устройствах?
Всем привет! Есть проблема с выпадающим меню на сайте. Имеется сайт с двумя...

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru