Ich versuche, Schatten in einem der Div und es wird nicht angezeigt. Hier ist ein div, wo ich den Schatten zu implementieren versuchen:Schatten wird nicht angezeigt
#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);
}
Hier ist die URL: http://rachelchaikof.com/awareness/
Bitte sehen Chris Herbert Antwort unten für die richtige Lösung
Zurück Antwort:
für Unterstützung in Chrom, moz, Safari:
-moz-box-shadow:0 0 8px 0 black; -webkit-box-shadow:0 0 8px 0 black; box-shadow:0 0 8px 0 black;dh Unterstützung ist weit schwieriger, siehe:
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=10, OffY=10, Color='#33000000');
Das ist nicht das Problem. Neuere Browser benötigen keine Herstellerpräfixe, und der Schatten funktioniert immer noch nicht. –
Der Grund, warum Sie nicht den Schatten sehen kann, ist, weil das nächste div (#ONE) direkt darunter ist, und der Schatten wird Rendering unter #einem. Entferne das Hintergrundbild von #one und der Schatten wird sichtbar.
Fügen Sie diese auf CSS # Intros den Schatten sichtbar zu machen:
position: relative;
z-index: 10;
Wenn Sie Schatten auf den anderen Textbereiche sichtbar möchten, müssen Sie die z-Index-Werte als auch einzustellen, mit der oberstes Element (#intro) mit dem höchsten Wert.
Fabelhaft! Danke für die Antwort! – user1869585
Die Antwort, die Sie angenommen haben, wird das Problem nicht beheben. –
Position: Relativ hat es für mich getan. – Matt
Ein anderes Szenario, das ich heute hatte. Box-shadow zeigte sich trotz Positionseinstellung relativ zum div nicht. Anscheinend gab es keinen Inhalt neben diesem div, der einen Boxschatten hatte.
Sobald der Inhalt hinzugefügt wurde, erschien Box-Schatten.
Die Verbindung ist unterbrochen. Sie sollten den relevanten HTML-Code zu Ihrer Frage hinzufügen. –