Я пытаюсь получить div файлы с фиксированным фоном, работающие на iOS для школьного проекта. Я использовал
background-attachment: fixed;
Но это приводит к странным размерам и без прокрутки в мобильном сафари. Вот сайт, с которым я работаю; метод, который я использую в настоящее время для фоновых рисунков div div, хорошо работает на рабочих столах, но полностью не работает на iOS.
Как-то, http://www.everyonedeservesgreatdesign.com получил эту работу. Я испытываю трудности с выполнением кода, потому что они используют какой-то шаблон квадратного пространства, но похоже, что они помещают изображения в div position:fixed, который каким-то образом обрезается его родительским div position:relative. У меня создалось впечатление, что невозможно обрезать position:fixed divs с чем-либо другим, кроме окна просмотра, поэтому мне очень любопытно, что происходит здесь.
Любые идеи о том, как реализовать этот метод для фона фиксированного изображения div на моем сайте?
В прошлом это было задано, видимо, это дорого обойдется мобильным браузерам, поэтому он отключен.
Отметьте этот комментарий @PaulIrish:
Фиксированные фоны имеют огромную стоимость перерисовки и снижение производительности прокрутки, что, я считаю, почему оно было отключено.
вы можете увидеть обходные пути к этому в этих сообщениях:
Мне кажется, что фоновые изображения на самом деле не являются фоновыми изображениями... на сайте есть фоновые изображения и кавычки в дочерних divs с дочерними элементами div, содержащие изображения, которые были назначены позицией: fixed; Кавычки div также получают прозрачный фон.
wrapper div{
image wrapper div{
div for individual image{ <--- Fixed position
image <--- relative position
}
}
quote wrapper div{
div for individual quote{
quote
}
}
}