Foros del Web » Creando para Internet » CSS »

Imagen por encima de su capa

Estas en el tema de Imagen por encima de su capa en el foro de CSS en Foros del Web. Buenas, Muestro la imagen primero para luego exponer lo que me gustaría conseguir: Hasta que llego a esta resolución con el navegador, la lupa está ...
  #1 (permalink)  
Antiguo 19/02/2015, 02:28
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 3 meses
Puntos: 4
Imagen por encima de su capa

Buenas,
Muestro la imagen primero para luego exponer lo que me gustaría conseguir:



Hasta que llego a esta resolución con el navegador, la lupa está bien de tamaño, pero cuando se utiliza en el móvil, nos parece demasiado pequeña, y sólo en este caso nos gustaría ampliarla.
La pregunta es: hay alguna manera de cambiar la resolución y que se sobresalga de su capa, en el media query correspondiente?
La linea azul indica la capa a la que pertenece y la colindante. No puedo modificar el tamaño de las capas, pues

Gracias
__________________
Qué fácil cuando lo sabes y qué difícil cuando no
  #2 (permalink)  
Antiguo 19/02/2015, 05:26
 
Fecha de Ingreso: julio-2010
Ubicación: A Coruña
Mensajes: 505
Antigüedad: 13 años, 8 meses
Puntos: 60
Respuesta: Imagen por encima de su capa

Simplemente tienes que hacerla más grande por css en el media query que le corresponde
__________________
http://zeromm.es/
Diseñador Web | Experto en Responsive Design, CSS3 y Optimización Web.
  #3 (permalink)  
Antiguo 19/02/2015, 08:03
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 3 meses
Puntos: 4
Respuesta: Imagen por encima de su capa

Gracias Zeromm por tu respuesta.
Si la hago más grande, se queda por debajo de la capa de al lado, y debería sobreponerse. Es posible?

Gracias de nuevo
__________________
Qué fácil cuando lo sabes y qué difícil cuando no
  #4 (permalink)  
Antiguo 19/02/2015, 08:22
 
Fecha de Ingreso: julio-2010
Ubicación: A Coruña
Mensajes: 505
Antigüedad: 13 años, 8 meses
Puntos: 60
Respuesta: Imagen por encima de su capa

para poner un elemento por encima de otro usa z-index
__________________
http://zeromm.es/
Diseñador Web | Experto en Responsive Design, CSS3 y Optimización Web.
  #5 (permalink)  
Antiguo 19/02/2015, 08:42
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 3 meses
Puntos: 4
Respuesta: Imagen por encima de su capa

Gracias. z-index solo funciona si has indicado position. No hay otra forma?
__________________
Qué fácil cuando lo sabes y qué difícil cuando no
  #6 (permalink)  
Antiguo 19/02/2015, 11:17
 
Fecha de Ingreso: julio-2010
Ubicación: A Coruña
Mensajes: 505
Antigüedad: 13 años, 8 meses
Puntos: 60
Respuesta: Imagen por encima de su capa

Tienes que indicarselo a los dos elementos, el que quieres poner por encima y el que quieres poner por debajo
__________________
http://zeromm.es/
Diseñador Web | Experto en Responsive Design, CSS3 y Optimización Web.
  #7 (permalink)  
Antiguo 19/02/2015, 11:57
Avatar de GeekGirl  
Fecha de Ingreso: julio-2014
Mensajes: 423
Antigüedad: 9 años, 9 meses
Puntos: 44
Respuesta: Imagen por encima de su capa

Por algún motivo no podés indicar position a los elementos? Se usa z-index para estos casos
  #8 (permalink)  
Antiguo 19/02/2015, 12:02
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Imagen por encima de su capa

z-index sólo funciona en elementos cuya posición no sea estática (static). Así que sí, tienes que indicar eso también.

No hace falta indicarlo a ambos elementos, ya que el valor por defecto de z-index es auto. Así pues todos los elementos ya tienen ese valor.

Muevo este para el foro de CSS.
__________________
(:

Etiquetas: encima, html
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 14:25.