Tag: background-size
Die background-size CSS Eigenschaft gibt die Größe der hintergrund-Bilder.
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
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
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
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
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.
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
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
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
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.
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:
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
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"
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
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
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,
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
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,