CSS Drop-Shadow mag nur teilweise

[Bern_hard]

Hallo Leute,

habe ein kleines Problem mit CSS, ist vermutlich nur eine Kleinigkeit, aber ich komm nicht darauf. Hier läuft Contao 2.11 und ich habe folgende CSS-Anweisung vergeben

.image_container img, .layout_latest img {
border:1px solid #aaa;
box-shadow:0 0 4px #666;
}

Das funktioniert wie erwartet sofort mit Firefox und zeichnet einen Rahmen sowie einen Verlaufsschatten um alle Galeriebilder sowie die Bilder aus Nachrichten, wo ich layout_latest.tpl verwende. Eigentlich sollte es auch im IE 9 funzen, dort sehe ich aber den Schatten nur bei .layout_latest (Nachrichtenblock #right) und NICHT im .img_container (ist Bestandteil eines Artikels auf der Homepage in #main). Border 1px solid wird jedoch auch im IE überall korrekt gezeichnet :-)

Ich sehe den Schatten im IE im Bereich #main auch dann nicht, wenn ich global

img {
border:1px solid #aaa;
box-shadow:0 0 4px #666;
}

deklariere, Border jedoch wie gesagt schon. Was könnte der Grund sein?

Vielen Dank für eure Meinungen dazu.
Bernhard

[wulf]

vergrößere mal testweise den schatten von 4px auf 16 px, hab mal gelesen, dass ie9 einen eigenen "standard" hat.

[Bern_hard]

Dankeschön, hat leider nicht funktioniert. Egal, welchen Wert ich wähle, der Effekt zeigt sich nicht.

[Lego2013]

Das ist mit ziemlicher Sicherheit ein IE9-Problem. Wenn Du googelst, bekommst Du u.a. folgendes gesagt:

Der IE9 hat bei box-shadow noch einige Bugs. Die meisten lassen sich entweder durch Anpassung des HTML-Codes oder durch die aktuelle PIE.htc korrigieren.

Wenn Du Dein CSS über den internen CSS-Editor eingibst, wird z. B. PIE.htc automatisch integriert.

[Bern_hard]

Das ist mit ziemlicher Sicherheit ein IE9-Problem. Wenn Du googelst, bekommst Du u.a. folgendes gesagt:

Der IE9 hat bei box-shadow noch einige Bugs. Die meisten lassen sich entweder durch Anpassung des HTML-Codes oder durch die aktuelle PIE.htc korrigieren.

Wenn Du Dein CSS über den internen CSS-Editor eingibst, wird z. B. PIE.htc automatisch integriert.

OK prima, das ging schon in die richtige Richtung. Habe zunächst den Style um einen Eintrag erweitert: border-collapse:separate. Sieht also folgendermassen aus

.image_container img, .layout_latest img {
border:1px solid #aaa;
border-collapse:separate;
box-shadow:0 0 4px #666;
}

und funktioniert! Nochmals herzlichen Dank für die Hilfe.

Bernhard