Gibt es eine bekannte Möglichkeit, den CSS-Stil background-size
im IE zum Laufen zu bringen?
css
internet-explorer
JD Isaacks
quelle
quelle
:hover
möchte ich, dass sich die Hintergrundgröße auf die volle Breite von 300 Pixel (Hintergrundgröße: Auto) ändert, um die Illusion des Zooms zu erzeugenAntworten:
Ein bisschen spät, aber das könnte auch nützlich sein. Für IE 5.5+ gibt es einen IE-Filter, den Sie anwenden können:
Dadurch wird jedoch das gesamte Bild so skaliert, dass es in den zugewiesenen Bereich passt. Wenn Sie also ein Sprite verwenden, kann dies zu Problemen führen.
Spezifikation: AlphaImageLoader Filter @microsoft
quelle
position: relative; z-index: 999
für die Eingabe einen Knopf in solchen DivsIch habe jquery.backgroundSize.js erstellt : ein 1,5-KByte-jquery-Plugin, das als IE8-Fallback für "cover" - und "include" -Werte verwendet werden kann. Schauen Sie sich die Demo an .
quelle
background-position: fixed
.Dank dieses Beitrags lautet mein vollständiges CSS für Cross-Browser-Glück:
Es ist so lange her, dass ich an diesem Code gearbeitet habe, aber ich möchte aus Gründen der Browserkompatibilität hinzufügen, dass ich dies aus Gründen der Browserkompatibilität an mein CSS angehängt habe:
quelle
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
Auch später, aber das könnte auch nützlich sein. Es gibt das jQuery-Backstretch-Plugin, das Sie als Polyfill für Hintergrundgröße: Cover verwenden können. Ich denke, es muss möglich (und ziemlich einfach) sein, die CSS-Hintergrund-URL-Eigenschaft mit jQuery abzurufen und sie dem jQuery-Backstretch-Plugin zuzuführen. Es wird empfohlen, mit modernizr die Unterstützung der Hintergrundgröße zu testen und dieses Plugin als Fallback zu verwenden.
Das Backstretch-Plugin wurde hier auf SO erwähnt. Die jQuery-Backstretch-Plugin-Site ist hier .
In ähnlicher Weise können Sie ein jQuery-Plugin oder ein Skript erstellen, mit dem die Hintergrundgröße in Ihrer Situation (Hintergrundgröße: 100%) und in IE8- funktioniert. Um Ihre Frage zu beantworten: Ja, es gibt einen Weg, aber atm gibt es keine Plug-and-Play-Lösung (dh Sie müssen selbst etwas programmieren).
(Haftungsausschluss: Ich habe das Backstretch-Plugin nicht gründlich untersucht, aber es scheint dasselbe zu tun wie Hintergrundgröße: Cover)
quelle
Dafür gibt es eine gute Polyfüllung : Louisremi / Hintergrundgröße-Polyfüllung
So zitieren Sie die Dokumentation:
quelle
contain
als auchcover
. Es enthält 5,7 KB nicht sehr schlecht, da es in einem Netzwerkpaket übertragen wird.In IE11 Windows 7 hat das bei mir funktioniert,
quelle
Sie können diese Datei ( https://github.com/louisremi/background-size-polyfill "Hintergrundgröße Polyfill") für IE8 verwenden, die wirklich einfach zu verwenden ist:
quelle
Ich habe es mit folgendem Skript versucht -
Es hat bei mir funktioniert!
quelle