Tamaño de background en iOS

He pasado la mañana haciendo investigación sobre el siguiente problema. Estoy haciendo un sitio de una página, usando muchas imágenes. Soy consciente de que Safari es conocido por su extraña manipulación de adjuntos de background: fijo, pero funciona bien; Mi problema es background-size:cover no funciona junto con la fixed .

Tengo 5 páginas, todas las cuales tienen una height o una min-height del 100%. La última página se arregla así:

 #div5 { height:100%; width:100%; position: relative; background-image: url("img/background.jpg"); background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 

En iOS (tanto en Chrome como en Safari), la image de background se escala para cubrir la página web completa, por lo que está muy extendida.

Al mismo time, la página 4 tiene el siguiente css:

 #div4 { min-height:100%; width:100%; background:url(img/portfoliobg.jpg); overflow: auto; background-size: cover; } 

y esto funciona como un encanto.

Entonces, algo hace que el browser se comporte realmente extrañamente al combinar fixed y cover . ¿Alguien tiene una solución para esto?

Use otro div con la position:fixed para que el background se arregle.

Me gusta esto: http://codepen.io/anon/pen/OVebNg

JADE

 .fixed .bgcover 

SCSS

 .fixed { position: fixed; top: 0; left: 0; width: 100%; height: 100%; .bgcover { background-image: url('http://globe-views.com/dcim/dreams/winter/winter-04.jpg'); background-size: cover; width: 100%; height: 100%; } } 

Espero que esto ayude.