Hola gente, como están? Tengo un problema que me está volviendo loco y no encuentro la solucuión a pesar de parecer ser muy simple.
Tengo una sitio del tipo "one-page"en el cual pongo 2 imagenes de fondo en diferentes secciones y tanto en windows (pc) o Android (celular y tablet) se ve bien , en iOS no.
En iOS una de ellas no logro verla y la otra sigue apareciendo una imagen que a posterior remplazé... Es imposible!
El link para que lo chequeén es el siguiente:
http://mediaboxweb.com/0clientes/piramidaluy/pro21 El css de la primer imágen (la del home que no logro que aparezca) es:
.intro {
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/intro-bg.jpg);
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/intro-bg.jpg);
background-size: cover;
background-position: top;
background-attachment: fixed;
background-repeat: no-repeat;
width: 100%;
height: 100vh;
display: table;
padding: 100px 0;
text-align: center;
color: white;
-webkit-background-size: cover;
-o-background-size: cover;
}
El css de la segunda imagen es (la que sale otra diferente a la actual):
.download-section {
width: 100%;
padding: 50px 0;
color: white;
background: url(../img/downloads-bg.jpg) no-repeat center center scroll;
background-color: black;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-position: top;
background-attachment: fixed;
background-repeat: no-repeat;
}