Unterstützung für Hintergrundgröße erkennen: cover

8

Was ist eine sichere Möglichkeit, Unterstützung für CSS3 background-size: cover zu erkennen, besonders in IE & lt; 9?

Der folgende Test liefert ein falsches positives Ergebnis in IE & lt; 9, weil es tatsächlich Hintergrundgröße auf cover setzt:

%Vor%

Das einzig wahre Ergebnis, das ich beim Testen von:

erhalte %Vor%

Aber laut der Website Ссылка sollte IE 6/7/8 auto , nur Abdeckung und enthalten werden nicht unterstützt.

Bearbeiten:

Ich würde gerne meine eigene Lösung verwenden, aber ich habe den Code überprüft verwendet von Modernizr . Es scheint, dass sie die gleiche Technik verwenden, die mir falsche positive Ergebnisse in IE & lt; 9: Setzen Sie backgroundSize = 'cover' und prüfen Sie dann auf style.backgroundSize == 'cover' .

Siehe mein JSFiddle .

    
John B. 03.09.2012, 08:45
quelle

4 Antworten

6

Wenn Sie Modernizr verwenden, können Sie nur den Code herunterladen, der für diese Art von Aufgabe erforderlich ist

Ссылка

Dann können Sie mit

testen %Vor%     
fcalderan 03.09.2012 08:50
quelle
0

Wenn Sie versuchen, schlecht funktionierende Browser zu erkennen, um zu vermeiden, dass ein Briefmarkenbild in der Mitte der Dinge stecken bleibt, dann ist ein schneller und dreckiger Workaround

%Vor%

Wenn es nicht definiert ist, dann wissen Sie, dass Ihr Browser nicht funktioniert und Sie sollten wahrscheinlich mit Ihrem Fallback-Ansatz fortfahren. YMMV.

    
Eric Parker 02.05.2013 22:17
quelle
0

Sie müssen prüfen, ob BackgroundSize als Stileigenschaft vorhanden ist, bevor Sie es festlegen.

%Vor%

Quelle: Ссылка

Vorher möchten Sie vielleicht auch die Erkennung mit CSS.supports () versuchen. siehe MDN: Ссылка

    
Thomas Baumgartner 27.10.2016 18:12
quelle
-2

Dies ist mit Javascript allein, keine jquery nur die Version des Browsers, die Sie delegieren mit

überprüfen %Vor%     
webicy 01.11.2014 12:10
quelle

Tags und Links