Background-attachment не работает на некоторых смартфонах и планшетах, это лечится?

Рейтинг: 1Ответов: 2Опубликовано: 27.03.2015

День добрый! Дело в том что заметил прискорбную вещь - на некоторых смартфонах и планшетах, это свойство просто игнорируется - так же плохо работает background-size - к слову все устройства на которых плохо работает - на андроиде, кто нибудь пробовал это лечить??

css javascript html
Источник: Stack Overflow на русском

Ответы

▲ 2Принят

Данное свойство в режиме fixed не поддерживается мобильными браузерами почти всеми. Вот спсиок кто поддерживает и кто частично: http://caniuse.com/#search=background-attachment

▲ 2

http://jsfiddle.net/8xq6d045/

html {
  height: 100%;
  min-height: 100%;
}

body {
  min-height: 100%;
}

html {
  background: url(http://img-7.photosight.ru/c81/5868139_thumb.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

или так

http://jsfiddle.net/47eq0ne8/

div {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  background-image: url(http://img-7.photosight.ru/c81/5868139_thumb.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}