Foros del Web » Creando para Internet » CSS »

(Problema) box-shadow inset en div con scroll

Estas en el tema de (Problema) box-shadow inset en div con scroll en el foro de CSS en Foros del Web. Hola, tengo un problema que no logro solucionar, al aplicar una sombra interior en un div con scroll, resulta que los elementos dentro del scroll ...
  #1 (permalink)  
Antiguo 13/06/2012, 09:44
 
Fecha de Ingreso: noviembre-2008
Mensajes: 28
Antigüedad: 15 años, 5 meses
Puntos: 0
(Problema) box-shadow inset en div con scroll

Hola, tengo un problema que no logro solucionar, al aplicar una sombra interior en un div con scroll, resulta que los elementos dentro del scroll se posicionan sobre la sombra en lugar de hacerse al contrario.

Aquí pueden ver un ejemplo http://jsfiddle.net/gRYhv/ al mover el scroll los textbox y el texto se dibujan sobre la sombra y produce un efecto bastante feo.

Realmente no seria necesario 100% hacer que la sombra se posicione realmente sobre los elementos viendo así el degradado aplicarse, me valdria con hacer por ejemplo que los elementos desaparezcan antes de llegar a la sombra, realmente lo que resulta antiestetico es que los elementos se pongan sobre la sombra.
  #2 (permalink)  
Antiguo 13/06/2012, 10:49
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: (Problema) box-shadow inset en div con scroll

Claro.
Es lo lógico.

Si quiere quiere que la sombra se superponga a los contenidos, debe hacer que esa sombra sea de otro elemento que esté en el eje z sobre ellos y a la vez que no impida al puntero interactuar con los inputs.

Lo más semántico, los pseudoelementos :before y :after de la caja del scroll, posicionados.
Otra posibilidad es utilizar background-attachment: local
En el apartado sobre él tiene un enlace a una realización de Lea Verou.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Etiquetas: box-shadow, scroll
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 11:10.