Ombre ne s'affiche pas
Je suis en train d'essayer de placer les ombres dans l'un des div et s'affiche pas. Voici un div où je suis en train de mettre en œuvre l'ombre:
#intro {
padding: 0px;
margin: 0px auto;
width: 100%;
float:inherit;
overflow: hidden;
height: 800px;
position:inherit;
background-color: #00b3e1;;
box-shadow: 0 0 50px rgba(0,0,0,0.8);
}
Voici l'URL: http://rachelchaikof.com/awareness/
source d'informationauteur user1869585
Vous devez vous connecter pour publier un commentaire.
Veuillez voir Chris Herbert réponse ci-dessous pour la solution correcte
Réponse précédente:
La raison pour laquelle vous ne pouvez pas voir la ombre est parce que la prochaine div (#) est directement ci-dessous, et l'ombre est rendu sous #. Supprimer l'image de fond de #l'un et l'ombre devient visible.
Ajouter à #intro du CSS pour faire de l'ombre visible:
Si vous voulez des ombres visibles sur les autres zones de texte, vous aurez besoin d'ajuster leur z-valeurs de l'indice ainsi, avec l'élément supérieur (#intro) ayant la valeur la plus élevée.
Un autre scénario qui j'ai eu aujourd'hui. Box-shadow n'était pas à apparaître en dépit de la position de réglage par rapport à la div. Apparemment, il n'y a pas de contenu en regard de cette div qui avaient zone d'ombre.
Une fois que le contenu a été ajouté, box-shadow a montré jusqu'à.