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?

cssinternet-explorerinternet-explorer-8internet-explorer-7css3
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