Foros del Web » Creando para Internet » CSS »

Fallo en navegadores móviles

Estas en el tema de Fallo en navegadores móviles en el foro de CSS en Foros del Web. Hola, soy nuevo por este foro aunque llevo siguiéndolo mucho tiempo y por fin me uno a participar. Edito y resumo mi duda de forma ...
  #1 (permalink)  
Antiguo 05/01/2015, 13:48
 
Fecha de Ingreso: enero-2015
Mensajes: 4
Antigüedad: 9 años, 2 meses
Puntos: 0
Hola, soy nuevo por este foro aunque llevo siguiéndolo mucho tiempo y por fin me uno a participar.

Edito y resumo mi duda de forma mucho más simple:

Tengo una imagen con un efecto fixed dentro de una section y un texto flotante por encima. Pero no consigo que en otras section no se vea la imagen sin tener que poner un color de fondo o algo que la tape. Necesito que esa imagen no salga de su section ya que sino esto crea fallos en navegadores para móviles.

Os agradecería cualquier idea.

HTML:
Cita:
<!DOCTYPE>
<html>
<head>

<link rel="stylesheet" type="text/css" href="estilo.css">

</head>
<body>

<section class="normal"></section>
<section id="efectoFixed">

<img src="fondo.jpg" />
<div id="textoFlotante">
<h1>Texto flotante</h1>
</div>

</section >
<section class="normal"></section>


</body>
</html>

CSS:
Cita:
section{
width: 100%;
height: 500px;
}

.normal{
background: white;
}

#efectoFixed{
text-align: center;
}

#efectoFixed img{
min-height: 100%;
min-width: 800px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}

@media screen and (max-width: 800px) {
#efectoFixed img {
left: 50%;
margin-left: -400px;
}
}
Mensaje editado ya que no me explique bien la primera vez. Espero que ahora esté más clara mi duda.

Última edición por pzin; 08/01/2015 a las 14:49
  #2 (permalink)  
Antiguo 08/01/2015, 14:21
Avatar de siddartha23  
Fecha de Ingreso: septiembre-2013
Mensajes: 357
Antigüedad: 10 años, 5 meses
Puntos: 39
Respuesta: Fallo en navegadores móviles

Quizá te convenga usar esa imagen como background dentro del section#efectoFixed y usar la propiedad --- background-attachment: fixed; ---, prueba....
__________________
velarde23.com - Soluciones Web
  #3 (permalink)  
Antiguo 08/01/2015, 17:56
 
Fecha de Ingreso: enero-2015
Mensajes: 4
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Fallo en navegadores móviles

Cita:
Iniciado por siddartha23 Ver Mensaje
Quizá te convenga usar esa imagen como background dentro del section#efectoFixed y usar la propiedad --- background-attachment: fixed; ---, prueba....
Gracias por tu contestación.

Ese efecto no funciona en navegadores móviles por eso intento hacerlo de otra manera.

Etiquetas: background, fallo, navegadores, página, todo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:19.