CSS Drop-Shadow mag nur teilweise

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

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

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

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.

Zitat:

---

Zitat von 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.

---

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