23/04/2011, 06:43
| |||
| |||
| Sombras que no afectan a elementos cercanos Buenas. Estoy editando el css de una web y le estoy añadiendo sombras a unos elementos, en concreto a la cabecera y al body. El problema es que la sombra del body afecta a la cabecera, y me gustaria que no saliese en la cabecera. Solo me interesan las sombras laterales. He probado con z-index y nada. ¿Alguna idea? Muchas gracias de antemano Un Saludo |
|
23/04/2011, 10:27
| ||||
| ||||
| Respuesta: Sombras que no afectan a elementos cercanos publica el codigo que usas, o un enlace a tu web para mayor información. Saludos
__________________ El mundo nada puede contra un hombre que canta en la miseria. -- Ernesto Sábato-- |
|
23/04/2011, 11:12
| ||||
| ||||
| Respuesta: Sombras que no afectan a elementos cercanos intenta con:
Código CSS:
Ver original Saludos.
__________________ |
|
23/04/2011, 15:27
| |||
| |||
| Respuesta: Sombras que no afectan a elementos cercanos Buenas. Primero que nada muchas gracias a los dos por vuestras respuestas  Os dejo los fragmentos del codigo Código HTML: <div class="theme"> <div id="themebody"> <div id="head">..</div> <div id="banner">..</div> </div> </div> Este es el css:
Código:
Y esto venia ya con el sistema:.theme #banner{
box-shadow: 0 0 100px black;
-webkit-box-shadow: 0 0 100px black;
-moz-box-shadow: 0 0 100px black;
width: 1002px;
margin: 0 auto;
}
Código:
He probado sustituyendo las sombras de banner y head por "-moz-box-shadow: 0 1px 3px #161616 , 0px -1px 3px #161616;" como me comento ZoroRoronoa y sigo con el mismo problema..theme #head {
margin-top:15px;
box-shadow:0 0 100px #000;
-webkit-box-shadow:0 0 100px #000;
-moz-box-shadow:0 0 100px #000;
border-radius:15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
}
La verdad que llevo un par de dias mirando y remirando el codigo y no se que es lo que puede ser, ni porque pasa, ni como solucionarlo. Como ya he dicho he probado con los z-index y nada. He estado mirando el resto de los div de la web y por ejemplo el footer tiene sombra tambien y esta no se sobrepone al contenido del body. Y lo he hecho igual que con el banner y el head. ¿Alguien que sea capaz de aportarme un rayo de esperanza? Muchas gracias de nuevo! Un Saludo |
| Etiquetas: |
