Ich erstelle eine Seite, auf der meine Bilder aller Produkte entsprechend der Größe des Browserfensters skaliert werden, also Ich habe einige Medienabfragen geschrieben, bei denen ich ein großes Bild verwendet und die Größe in anderen Fenstern geändert habe, aber ich habe ein bild welches ich im hintergrund benutzt, wie kann ich es neu dimensionieren? Ich will es in allen Browsern auch in IE7 und 8 unterstützen.
HTML
%Vor%CSS
%Vor%Mein Live-Code ist hier: - Ссылка hier habe ich ein Haupt "Produktbild", das jetzt die Größe entsprechend ändert zur Browserfenstergröße (in meiner Geige schrieb ich nicht Code für die Größenänderung des Produktbildes, ich zeige nur, welches Bild ich Größe jetzt ändern möchte), aber ich habe ein anderes "Geldsparkennsatz" Bild, das im Hintergrund von a ist "span" Ich möchte gleichzeitig mit dem Produktbild die Größe ändern.
dafür können Sie background-size property
Wie:
%Vor% dort andere Eigenschaften wie contain & amp; 100% 100%
Klicken Sie diesen Link Ссылка
für IE können Sie filter
BEARBEITEN: Sie Live-Code ist richtig, aber Sie haben Sie definieren Breite & amp; Höhe in Prozent wie diese
& amp; Sie können img tag auch wie folgt verwenden Ссылка
BEARBEITEN:
kann sein, dass du Ссылка
willstÜberprüfen Sie diesen Link auch Ссылка
Tags und Links html css responsive-design background-image browser-width