plano de fundo fixo para parte de um site (div) no iOS

Question

Apr 09, 2016, 05:26 PM

plano de fundo fixo para parte de um site (div) no iOS

Quero ter uma imagem de fundo de posição fixa que cubra a tela inteiraapenas para uma seção do meu site (na verdade duas seções, mas de forma independente, então não há diferença). Eu uso esse CSS no DIV do contêiner da seção:

#wrapper {
  background-image: url(../img/bg1_IMG_1509.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;    
}

(Nota: usei as propriedades separadas em vez da abreviaçãobackground esperando que isso seja compatível com mais dispositivos e navegadores, mas não parece ser assim.)

Isso funciona mais ou menos bem em todos os computadores e navegadores e também em alguns navegadores no Android, mas não no iOS. No iOS, o plano de fundo não está apenas sendo rolado, mas também extremamente esticado verticalmente, de modo que a altura da imagem de plano de fundo cubra toda a DIV, que possui muito conteúdo e se torna bastante alta em um dispositivo móvel, o que leva a ver mais ou menos pixel único explodido na tela. Então, nemfixed nemcover trabalhos.

Estou ciente / li respostas sobre soluções alternativas de posição fixa para iOS que usavam um DIV dentro do<body> tag que temposition: fixed e uma imagem de fundo em tela cheia. Mas eu não quero isso notodo body, mas apenas em duas seções (independentes) e nessa situação que a solução alternativa não pode ser usada.

leaveComments