Wie kann ich farbige Boxschatten in IE7 und IE8 implementieren?

Implementierung von Box Shadows in IE7 und IE8

Frage:

Trotz der Verwendung verschiedener Methoden, Die Implementierung farbiger Box-Schatten in IE7 und IE8 bleibt unklar. Der folgende CSS-Code wird verwendet:

.bright {
  position: absolute;
  z-index: 1;
  -moz-box-shadow: 0px -3px 55px 20px #147197;
  box-shadow: 0px -3px 55px 20px #147197;
  -webkit-box-shadow: 0px -3px 55px 20px #147197;
  behavior: url(ie-css3.htc);
}

Während die Datei „ie-css3.htc“ eine Lösung für IE-Schattenprobleme bietet, beschränkt sie die Schatten auf Schwarz und Weiß. Versuche, Folgendes zu verwenden:

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=100, Strength=13);

führen zu gerichteten Schatten, nicht zu omnidirektionalen. Darüber hinaus erfordert die Verwendung des Unschärfefilters zusätzliche Divs, was im aktuellen Szenario unerwünscht ist. Lassen Sie sich zu diesem Thema von Experten beraten.

Antwort:

Erwägen Sie die Verwendung von CSS3 PIE (Pie: Internet Explorer CSS3), einem Tool, das CSS3-Eigenschaften in früheren Versionen von IE emuliert . CSS3 PIE unterstützt Box-Shadow, mit Ausnahme des Schlüsselworts „inset“.

Das obige ist der detaillierte Inhalt vonWie kann ich farbige Boxschatten in IE7 und IE8 implementieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!