Tag: background-size

Die background-size CSS Eigenschaft gibt die Größe der hintergrund-Bilder.

Mobile Webkit-browser (chrome) Adressleiste ändert $(window).height(); making-background-size:cover skalieren jedes mal

Anzahl der Antworten 4 Antworten
Das problem ist, dass ich ein paar DIV-Element ist absolut positioniert, die background-size: cover; und Ihre Höhe wird berechnet durch javascript zu füllen, die 100% des Viewports. Auf jedem desktop-browser und mobile firefox ist alles gut, aber

background-size übergang auf hover bewirkt, dass chrome zu "schütteln" hintergrund Bild

Anzahl der Antworten 3 Antworten
Ich versuche zu erreichen, ein Effekt, den ich kürzlich sah, wo das hintergrund Bild zoomt auf hover. Ich ziemlich viel hat es mit dem Beispiel hier: https://jsfiddle.net/qyh6nbwt/ aber es scheint sehr wackelig (Sie werden verstehen, was ich

hintergrund-übergang mit background-size: cover

Anzahl der Antworten 2 Antworten
Diese vielleicht schon irgendwo beantwortet, aber ich habe nicht gefunden, doch nach ein bisschen suchen. Habe ich eine Reihe von divs mit hintergrund-Bildern. Die Größe festgelegt ist background-size: cover. Aber ich möchte in der Lage sein, die

Mehrere Hintergründe mit verschiedenen hintergrund-Größe

Anzahl der Antworten 1 Antworten
Ich versuche eine Seite zu erstellen hintergrund mit einem overlay mit css3's mehrere hintergrund-Unterstützung; html, body { background: url('https://github.com/jaysalvat/vegas/raw/master/overlays/01.png') repeat, url('http://farm8.staticflickr.com/7260/7502004958_595bf03fbf_z.jpg') top left no-repeat; background-size: cover; }​ Möchte ich die Foto-hintergrund Bild, um die "Deckung" der Seite

Passen div Größe Hintergrundbild

Anzahl der Antworten 3 Antworten
Ich versuche die Größe (Breite und Höhe) des div, um es anzupassen Hintergrundbild Größe, aber die ich nicht bekommen kann es arbeiten. Hintergrund Bild Größe werden in Prozenten, da bin ich den Umgang mit einer responsive website.

CSS ein Bild in der Größe verändert und Beschnitten

Anzahl der Antworten 17 Antworten
Ich zeigen möchte, ein Bild von einer URL mit einer bestimmten Breite und Höhe selbst, wenn es in einer anderen Größe-Verhältnis. Ich will also die Größe unter Beibehaltung der ratio) und schneiden Sie dann das Bild auf

IE11 nicht unterstützt hintergrund-Größe von Proportionen

Anzahl der Antworten 2 Antworten
Ich versuche im hintergrund .jpeg-Bild automatisch skalieren, um die Höhe des DIV (lineholder), unabhängig von der Anzahl der untergeordneten DIV ' s (linkholder) - und zur gleichen Zeit, mit einigen text-align vertikale innerhalb des übergeordneten DIV. Den

Mit slick.js Karussell und lazy loader zum anzeigen eines Vollbild-Karussell

Anzahl der Antworten 1 Antworten
Ich bin mit slick.js Karussell mit integrierten lazy loading Funktionalität display fullscreen image gallery. Das einzige problem, das ich habe, ist, dass lazy loader zeigt nur mit einem img-tag, also kann ich nicht gelten background-size:cover und ich

Passen div-Größe, hintergrund Bild

Anzahl der Antworten 1 Antworten
Ich versuche die Größe (Breite und Höhe) des div, um es anzupassen Hintergrundbild Größe, aber die ich nicht bekommen kann es arbeiten. Hintergrund Bild Größe werden in Prozenten, da bin ich den Umgang mit einer responsive website.

Übergang auf background-size funktioniert nicht

Anzahl der Antworten 2 Antworten
Ich versuche, einen übergang auf mein hintergrund-Bild auf hover. Das ist mein Code bisher: HTML <div class="item-one"></div> CSS .item-one { height: 345px; width: 256px; background: url('http://placehold.it/256x345') scroll no-repeat center center; background-size: cover; -webkit-transition: background-size 1500ms linear; -moz-transition:

Was ist der Unterschied zwischen background-size: cover; background-size: 100%;?

Anzahl der Antworten 3 Antworten
Wenn ich die background-size-Eigenschaft aus einem Bild von einem div - background-size: cover; oder background-size: 100%;, die beide gleich Aussehen. Was ist der Unterschied? Wann sollte ich abdecken und bei 100%? Probieren Sie verschiedene Breite/Höhe auf der

Wie zu emulieren background-size: cover auf <img>?

Anzahl der Antworten 12 Antworten
Wie kann ich die Größe und positionieren Sie das Bild innerhalb einer box, in einer solchen Weise, dass es deckt das gesamte Feld, ähnlich wie background-size: cover funktioniert. <div class="box" style="width: 100px; height: 100px;"> <img src="pic.jpg" width="413"

CSS Zeigt ein verkleinertes und zugeschnittenes Bild an

Anzahl der Antworten 16 Antworten
Ich zeigen möchte, ein Bild von einer URL mit einer bestimmten Breite und Höhe selbst, wenn es in einer anderen Größe-Verhältnis. Ich will also die Größe unter Beibehaltung der ratio) und schneiden Sie dann das Bild auf

Mehrere Hintergründe mit unterschiedlicher Hintergrundgröße

Anzahl der Antworten 1 Antworten
Ich versuche eine Seite zu erstellen hintergrund mit einem overlay mit css3's mehrere hintergrund-Unterstützung; html, body { background: url('https://github.com/jaysalvat/vegas/raw/master/overlays/01.png') repeat, url('http://farm8.staticflickr.com/7260/7502004958_595bf03fbf_z.jpg') top left no-repeat; background-size: cover; }​ Möchte ich die Foto-hintergrund Bild, um die "Deckung" der Seite

Hintergrund-Größe: Cover funktioniert nicht im Hochformat auf Android-Tablet

Anzahl der Antworten 5 Antworten
Ich bin mit der background-size Eigenschaft für eine volle Breite und Höhe, hintergrund Bild, aber Probleme haben, es zu voll-Abdeckung in Chrome auf einem Nexus7 tablet in portrait-Ansicht. Es deckt nur die Breite und nicht die Höhe,

CSS background-size: cover + background-attachment: Fixierte Hintergrundbilder zum Clipping

Anzahl der Antworten 7 Antworten
Habe ich eine Liste der Figuren mit hintergrund-Bildern. So etwas wie die folgenden: <ul> <li> <figure style="background-image: url(...);"></figure> </li> <li> <figure style="background-image: url(...);"></figure> </li> <li> <figure style="background-image: url(...);"></figure> </li> </ul> Jedes dieser Bilder hat seine background-size eingestellt

Hintergrundgröße mit SVG zerquetscht in IE9-10

Anzahl der Antworten 8 Antworten
Ich habe ein div mit einem background-image: <div>Play Video</div> mit den folgenden CSS: div { background-image: url('icon.png'); background-image: url('icon.svg'), none; background-size: 40px 40px; background-repeat: no-repeat; background-position: 90% 50%; padding: 20px; width: 150px; } Hintergrund Größe respektiert wird,