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

@A_N_A_N_A_S · Регистрация: 21.04.2014

Author24 — интернет-сервис помощи студентам

Вот недавно закончил проект и выложил на хостинг. Решил зайти на сайт с 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;

}

@whiteapps · 14.05.2015, 19:55

A_N_A_N_A_S,
попробуйте такую запись

CSS

1
2
3

body {
    background: url(images/background.jpg)  no-repeat fixed center center / cover;
}

@Fedor92 · 14.05.2015, 20:11

A_N_A_N_A_S, задам вопрос конечно банальный, но логичный: а стили для мобилы Вы внешним файлом css или с помощью тега <style>? Если внешним файлом тогда путь до фона будет:

CSS

1	background: url(../images/background.jpg) no-repeat;

@A_N_A_N_A_S 4 / 4 / 4 Регистрация: 21.04.2014 Сообщений: 139
		1
	Не отображается фон на мобильных устройствах 14.05.2015, 19:40. Показов 6277. Ответов 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

	14.05.2015, 20:11