Als «background-image» getaggte Fragen

Die CSS-Eigenschaft für Hintergrundbilder legt ein oder mehrere Hintergrundbilder für ein Element fest.

30
Wann soll IMG vs. CSS Hintergrundbild verwendet werden?
Die Antworten dieser Frage sind eine Gemeinschaftsanstrengung . Bearbeiten Sie vorhandene Antworten, um diesen Beitrag zu verbessern. Derzeit werden keine neuen Antworten oder Interaktionen akzeptiert. In welchen Situationen ist es besser, ein HTML- IMGTag zum Anzeigen eines Bildes zu verwenden, als ein CSS background-imageund umgekehrt? Zu den Faktoren können Zugänglichkeit, …
12
Ist das Einbetten von Hintergrundbilddaten in CSS als Base64 eine gute oder schlechte Praxis?
Ich habe mir die Quelle eines Greasemonkey-Benutzer-Skripts angesehen und in ihrem CSS Folgendes festgestellt: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} Ich kann verstehen, dass ein Greasemonkey-Skript alles, was es kann, in der Quelle bündeln möchte, anstatt es auf einem Server zu hosten, das ist offensichtlich genug. Da ich diese …
17
So wenden Sie einen CSS-Filter auf ein Hintergrundbild an
Ich habe eine JPEG-Datei, die ich als Hintergrundbild für eine Suchseite verwende, und ich verwende CSS, um sie festzulegen, da ich in den Kontexten von Backbone.j arbeite : background-image: url("whatever.jpg"); Ich möchte einen CSS 3-Unschärfefilter nur auf den Hintergrund anwenden , bin mir aber nicht sicher, wie ich nur dieses …
4
Hintergrundbild an div anpassen
Ich habe ein Hintergrundbild in der folgenden Abteilung, aber das Bild wird abgeschnitten: <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> Gibt es eine Möglichkeit, das Hintergrundbild anzuzeigen, ohne es abzuschneiden?
8
Kann ich mit CSS mehrere Hintergrundbilder haben?
Ist es möglich, zwei Hintergrundbilder zu haben? Zum Beispiel möchte ich, dass ein Bild oben wiederholt wird (Wiederholung-x) und ein weiteres auf der gesamten Seite wiederholt wird (Wiederholung), wobei sich das Bild auf der gesamten Seite hinter dem Bild befindet, das sich oben wiederholt. Ich habe festgestellt, dass ich den …
19
Responsive CSS-Hintergrundbilder
Ich habe eine Website (g-floors.eu) und möchte den Hintergrund (in CSS habe ich ein BG-Bild für den Inhalt definiert) auch reaktionsfähig machen. Leider habe ich wirklich keine Ahnung, wie ich das machen soll, außer einer Sache, die mir einfällt, aber es ist eine ziemliche Problemumgehung. Erstellen Sie mehrere Bilder und …
10
CSS: Hintergrundbild auf Hintergrundfarbe
Ich habe ein Feld, das ich blau gefärbt habe, wenn dieses Feld ausgewählt ist (darauf geklickt). Zusätzlich füge ich .pngdiesem Feld ein kleines Zeichen ( Bild) hinzu, das anzeigt, dass das ausgewählte Feld bereits zuvor ausgewählt wurde. Wenn der Benutzer beispielsweise 10 Panels sieht und 4 davon dieses kleine Zeichen …
5
Wie drehe ich das Hintergrundbild im Container?
Ich möchte das Bild drehen, das in der Schaltfläche der Bildlaufleiste in Chrome platziert ist. Jetzt habe ich ein CSS mit diesem Inhalt: ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); background-repeat:no-repeat; background-position:center; background-color:#ECEEEF; border-color:#999; } Ich möchte das Bild drehen, ohne seinen Inhalt zu drehen.
6
So entfernen Sie Ränder vollständig aus der HTML-Tabelle
Mein Ziel ist es, eine HTML-Seite zu erstellen, die einem "Fotorahmen" ähnelt. Mit anderen Worten, ich möchte eine leere Seite erstellen, die von 4 Bildern umgeben ist. Das ist mein Code: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td class="middle"> </td> <td class="bRight"> </td> </tr> <tr> …
13
CSS3-Hintergrundbildübergang
Ich versuche, mithilfe des CSS-Übergangs einen "Fade-In-Fade-Out" -Effekt zu erzielen. Aber ich kann das nicht mit dem Hintergrundbild zum Laufen bringen ... Das CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: …
10
So dehnen Sie das Hintergrundbild, um ein Div zu füllen
Ich möchte ein Hintergrundbild für verschiedene Divs festlegen, aber meine Probleme sind: Die Größe des Bildes ist fest (60px). Unterschiedliche Größe des Div Wie kann ich das Hintergrundbild dehnen, um den gesamten Hintergrund des Div auszufüllen? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } Überprüfen Sie den Code hier.
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.