CSS фон обложка

Question

У меня есть полный фон экрана отлично проделанный в CSS с помощью:

body { 
    background-image: url('../images/backgrounds/<image>.jpg'); 
    background-size: cover; 
    float:left; 
    overflow: hidden 
    } 

Хотя, если смотреть на это на мобильном, Ios & IE Windows Mobile, фон плиточный вместо полного экрана. Я получаю, возможно, у меня должен быть другой файл CSS для мобильных ОС, но я не уверен, что конкретно проблема, как мне полноэкранный образ для мобильного?

Answer 1

Это может быть проблема с разрешением, получить переменные размера экрана и увеличить изображение, чтобы заполнить экран.

И попробуйте с добавлением background-repeat: no-repeat;

Answer 2

Вы должны использовать обложку, повторяющую x-y мудрый. Так что это действительно трюк с фоновым изображением и цвета в CSS, что corespond ..

body { 
    background: url("images/bg3.jpg") repeat-x scroll 0 0 #EF9360; 
    } 

Так что, если ваш CSS фоновое изображение синего цвета на верхней части вы должны использовать синий фон ...

подробнее здесь http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_gradient1

Answer 3

Изменить фоновое изображение для этого:

background: url('../images/backgrounds/<image>.jpg') no-repeat center center fixed; 

Когда это не будет работать, пожалуйста, обратите внимание на article by CSS-Tricks о префектуре полная страница фонового изображения.

Есть только решения для CSS, а также решения с jQuery