webentwicklung-frage-antwort-db.com.de

Box Schatten in IE7 und IE8

Ich möchte Box-Schatten in IE7 und IE8 implementieren . Ich habe alles ohne Erfolg versucht. Hier ist die CSS, die ich verwende, um einen farbigen Schatten auf ein div anzuwenden:

.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);
}

Diese ie-css3.htc-Datei ist eine Lösung für IE - Schattenprobleme. Aber es gibt nur schwarze Schatten, keine Farbschatten. Ich habe es versucht:

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

Aber es erzeugt einen gerichteten Schatten, und ich möchte einen omni-direktionalen Schatten. Auch Unschärfefilter ausprobiert, es müssen jedoch zusätzliche divs vorhanden sein, was in meinem aktuellen Fall nicht zu empfehlen ist. Irgendwelche Expertenmeinung zu diesem Problem?

24
Shades88

Verwenden Sie CSS3 PIE , das einige CSS3-Eigenschaften in älteren IE-Versionen emuliert.

Es unterstützt box-shadow ( außer für das inset-Schlüsselwort).

45
thirtydot

in ie8 kannst du es versuchen

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')";
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0');

vorbehalt: In ie8 verlieren Sie aus irgendeinem Grund glatte Schriftarten, die sehen unbeholfen aus

5
iamari

Sie könnten es versuchen

box-shadow:
progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=10, OffY=20, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=20, OffY=30, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=30, OffY=40, Color='#19000000');
2
user2795385

verwenden Sie diese Option, um ein Problem mit der Schattenbox zu beheben

filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='2', OffY='2', Color='#F13434', Positive='true');
0
Kumar vaibhav