Tag: background-image

Die background-image CSS Eigenschaft legt ein oder mehr Hintergrundbilder für ein element.

Wie man das Hintergrundbild im Behälter dreht?

Anzahl der Antworten 4 Antworten
Ich möchte das Bild drehen, die in die Schaltfläche der Bildlaufleiste in Chrome. Jetzt habe ich eine CSS-Datei 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 wünschte, um das Bild

Wie zoome ich ein Hintergrundbild auf ein Div mit Hintergrund-Größe

Anzahl der Antworten 2 Antworten
Möchte ich ein div-element, Strecke über, dass 33% der Breite mit einem hintergrund-Bild gemacht in css background-image:url(); background-size:cover Wie kann ich das animieren eines zoom-in dem Bild der hintergrund der div bei mouseover oder mouseneter, gibt es

Referenziere relative relative Pfade in einer .css-Datei

Anzahl der Antworten 8 Antworten
Angenommen ich habe einen "Bilder" Ordner Verzeichnis unter dem root meiner Anwendung. Wie kann ich, innerhalb eines .css-Datei eine Referenz zu einem Bild in diesem Verzeichnis mit einem ASP.NET app relativen Pfad. Beispiel: Wenn in der Entwicklung,

Verhindern Hintergrundbild mit fixer Position: Verdecken Sie die Größe in mobilen Browsern, wenn die Adressleiste ausgeblendet wird

Anzahl der Antworten 5 Antworten
Sorry für fehlende Beispiel auf diesen einen, aber ich glaube, es ist einfach genug zu verstehen. Ich habe einen festen hintergrund auf meiner Website, die derzeit implementiert ist, wie dieser: #background { position: fixed; top: 0; bottom:

Wie setze ich das Hintergrundbild eines HTML-5-Canvas auf .png-Bild

Anzahl der Antworten 4 Antworten
Ich würde gerne wissen, wie ist es möglich, den hintergrund einer Leinwand eine .png-Datei. Ich will nicht zu fügen Sie das Bild in die Rückseite der Leinwand und machen den canvas-Bereich transparent. Ich möchte die Benutzer in

Wie man ein Hintergrundbild mit CSS verschiebt

Anzahl der Antworten 2 Antworten
Wollte ich einen Rahmen um eine Tabelle, die ein Hintergrundbild. Die Grenze funktioniert gut, aber wenn ich das mache (es ist ein 8px Grenze) das Hintergrundbild wird abgeschnitten durch die Grenze. Bin ich in der Lage, verschieben

Ist das Einbetten von Hintergrundbilddaten in CSS als Base64 gut oder schlecht?

Anzahl der Antworten 12 Antworten
War ich bei der Suche die Quelle für ein greasemonkey userscript und bemerkte Folgendes in Ihre css: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} Kann ich nachvollziehen, dass ein greasemonkey-script wäre bündeln wollen-alles, was es kann innerhalb

Hintergrundbilder: Wie füllt man das ganze div, wenn das Bild klein ist und umgekehrt?

Anzahl der Antworten 7 Antworten
Habe ich drei Probleme: Als ich versuchte, verwenden Sie ein hintergrund Bild in einer kleineren Größe div, div, zeigt nur einen Teil des Bildes. Wie kann ich die gesamte oder einen bestimmten Teil des Bildes? Habe ich

Gibt es eine Möglichkeit, Hintergrundbild als base64-kodiertes Bild zu setzen?

Anzahl der Antworten 7 Antworten
Ich will hintergrund ändern sich dynamisch in JS und meine Bilder in base64-codiert. Ich versuche: document.getElementById("bg_image").style.backgroundImage = "url('http://amigo.com/300107-2853.jpg')"; mit perfektem Ergebnis, aber ich kann das nicht tun das gleiche mit: document.getElementById("bg_image").style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAAAAAAyCAYAAAAUYybjAAAgAElE...')"; noch document.getElementById("bg_image").style.backgroundImage = "data:image/png;base64,iVBORw0KGgoAAAAAAAAyCAYAAAAUYybjAAAgAElE...";

Überlagern Sie ein Hintergrundbild mit einer RGB-Hintergrundfarbe

Anzahl der Antworten 4 Antworten
Ich habe eine div mit einem background-image. Ich möchte overlay-hintergrund-Bild mit einer rgba-Farbe ( rgba(0,0,0,0.1) ), wenn der Benutzer mit der Maus über den div. Ich Frage mich, ob es eine div-Lösung (also nicht mit mehreren divs,

Wie kombiniere ich ein Hintergrundbild und einen CSS3-Farbverlauf für dasselbe Element?

Anzahl der Antworten 12 Antworten
Wie verwende ich CSS3-Farbverläufe für meine background-color und dann für background-image zu gelten, eine Art von Licht transparente textur? InformationsquelleAutor der Frage Ronald | 2010-03-23

Wann man IMG vs. CSS background-image benutzt?

Anzahl der Antworten 30 Antworten
In welchen Situationen ist es besser geeignet, um eine HTML - IMG tag, um ein Bild anzuzeigen, im Gegensatz zu einer CSS - background-image -und Umgekehrt? Faktoren zählen beispielsweise Barrierefreiheit, browser-Unterstützung, dynamische Inhalte oder jegliche Art von

Hintergrundbild nur y-Achse strecken, Wiederholungs-x beibehalten

Anzahl der Antworten 1 Antworten
Habe ich ein Bild als Hintergrundbild in einem div. DIV-Größe ändern und innerhalb Ihrer ist das Bild, das ist ein Farbverlauf. CSS: #scroller_shadow{ background-image:url(../img/ui/shadow.png); background-repeat:repeat-x; background-position:top; } Brauche ich ein cross-browser-Lösung für das Bild, passen Sie die

Wie man responsives Hintergrundbild in css3 im Bootstrap verwendet

Anzahl der Antworten 7 Antworten
Möchte ich nicht das html-tag. Dies ist mein css. Ich bin mit bootstrap 3.0. background:url('images/ip-box.png')no-repeat; background-size:100%; height: 140px; display:block; padding:0 !important; margin:0; Auf 100% zoom, dies ist OK. aber wenn ich vergrößern auf 180% ca, das Bild

Hinzufügen von Hintergrundbild zu Div mit CSS?

Anzahl der Antworten 7 Antworten
Ich habe versucht, fügen Sie hintergrund Bild einem div-Klasse mit css. haben aber keinen Erfolg. HTML-code:- <header id="masthead" class="site-header" role="banner"> <div class="header-shadow"></div> <hgroup></hgroup> <nav role="navigation" class="site-navigation main-navigation"> </nav><!-- .site-navigation .main-navigation --> </header><!-- #masthead .site-header --> CSS:- .header-shadow{

Wie überschreibe ich das in CSS definierte Hintergrundbild mit einem anderen CSS?

Anzahl der Antworten 7 Antworten
Ich habe einen 'Kern.css' definiert einen Seite hintergrund Bild, zusammen mit der Thema, für die Website. Aber für eine bestimmte Seite möchte ich ändern, nur den hintergrund. Irgendwelche Vorschläge, wie dies erreicht werden kann in einer separaten

Wie zu überprüfen, dass Hintergrund (CSS) Bild geladen wurde?

Anzahl der Antworten 5 Antworten
Habe ich folgende CSS-Klasse .bg { background-image: url('bg.jpg'); display: none; } dass ich die Anwendung auf einem TD-tag. Meine Frage ist, wie kann ich feststellen, mit JavaScript/jQuery, dass das Bild im hintergrund fertig geladen ist? Danke. UPDATE:

: Vorher und Hintergrundbild ... sollte es funktionieren?

Anzahl der Antworten 2 Antworten
Ich habe ein div und gelten :before und :after ein Bild als Inhalt. Das funktioniert perfekt. Nun möchte ich ein Hintergrundbild, damit es nicht wiederholen, wie die div ändert, aber es scheint nicht zu funktionieren. Ist das

Wie man Ränder vollständig von der HTML-Tabelle entfernt

Anzahl der Antworten 6 Antworten
Mein Ziel ist es eine HTML-Seite, die ähnlich einem "Bilderrahmen". In anderen Worten, ich möchte eine leere Seite, die umgeben ist von 4 Bilder. Dies ist mein code: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td

Hintergrundbildplatzierung

Anzahl der Antworten 4 Antworten
Ich versuche mit meinem root-LinearLayout-element (die fill_parent in beide Dimensionen), ein hintergrund-Bild, das immer in der linken unteren Ecke der Leinwand, unabhängig von der Ausrichtung des Geräts. Es wäre hervorragend, wenn es einige Möglichkeit, um das background

Hintergrundbildskalierung bei beibehaltenem Seitenverhältnis

Anzahl der Antworten 4 Antworten
Ich würde gerne Bilder für meinen hintergrund ändern sich automatisch wie in einer Diashow. Aber ich möchte die Bilder füllen den hintergrund, egal welche Größe das Browserfenster ist...und wenn es verkleinert wird, wird das Seitenverhältnis des Bildes

Warum funktioniert Min-Höhe nicht?

Anzahl der Antworten 6 Antworten
So, hier ist die Schaufel. Ich habe einen Verlauf in den hintergrund des body-Elements. Dann habe ich einen container (rechts nach Körper) , hat einen hintergrund .png-Bild angewendet werden. Der Farbverlauf immer vergrößert, bis mindestens 100% der

Wie kann ich ein Hintergrundbild auf eine Texteingabe anwenden, ohne den Standardrahmen in Firefox- und WebKit-Browsern zu verlieren?

Anzahl der Antworten 4 Antworten
Aus irgendeinem Grund die meisten modernen Browser Stoppt die Anwendung Ihre Standard-input-border-Stil, um text-Boxen, wenn man Ihnen ein hintergrund-Bild. Stattdessen erhalten Sie so hässlich inset-Stil. Was ich sagen kann, es gibt keine CSS-Möglichkeit, um die Standard-browser-Stil. IE

Android: textColor des deaktivierten Knopfes im Selektor wird nicht angezeigt?

Anzahl der Antworten 5 Antworten
Ich versuche, eine Taste mit einem Selektor meine Taste können folgende Zustände: Aktiviert/Deaktiviert Gedrückt/Nicht Gedrückt Entsprechend der oben genannten Staaten. Ich brauche zum Bearbeiten der button: Text Farbe hintergrund Bild Den button startet mein Wesen deaktiviert, so

Hintergrundbild mit CSS3 Animationen ändern

Anzahl der Antworten 9 Antworten
Warum funktioniert das nicht? Was mache ich falsch? CSS @-webkit-keyframes test { 0% { background-image: url('frame-01.png'); } 20% { background-image: url('frame-02.png'); } 40% { background-image: url('frame-03.png'); } 60% { background-image: url('frame-04.png'); } 80% { background-image: url('frame-05.png'); }

Wie strecke ich ein Hintergrundbild, um das gesamte HTML-Element abzudecken?

Anzahl der Antworten 10 Antworten
Ich versuche, ein Hintergrundbild in einem HTML-element (body, div, etc.) zu dehnen die gesamte Breite und Höhe. Nicht viel Glück. Ist es überhaupt möglich, oder mache ich es einen anderen Weg, außer, dass es ein Hintergrundbild? Mein

Gibt es ein srcset-Äquivalent für CSS-Hintergrundbild?

Anzahl der Antworten 7 Antworten
img mit srcset Attribut sieht aus wie eine große Weise zu tun, ansprechende Bilder. Gibt es ein äquivalent syntax, die funktioniert in css background-image Eigenschaft? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background:

Warum funktioniert ein Inline-Stil "Hintergrundbild" in Chrome 10 und Internet Explorer 8 nicht?

Anzahl der Antworten 4 Antworten
Warum die folgenden Beispiel zeigt das Bild in Firefox 4, aber nicht in Chrome 10 und Internet Explorer 8? HTML: <div style="background-image: url('http://www.mypicx.com/uploadimg/1312875436_05012011_2.png')"></div> CSS: div { width: 60px; height: 60px; border: 1px solid black; } Ideen für

Responsive CSS Hintergrundbilder

Anzahl der Antworten 17 Antworten
Habe ich eine website (g-Etagen.eu), und ich will den hintergrund (im css habe ich definiert, ein bg-image für den Inhalt) auch angesprochen. Leider habe ich nicht wirklich eine Idee, wie dies zu tun, außer für eine Sache,

Symfony2 - Assetic - lädt Bilder in CSS

Anzahl der Antworten 9 Antworten
Ich habe eine CoreBundle, enthält eine Haupt-css-Dateien und Bilder. Nun habe ich ein problem wenn ich ein Bild laden von css; das Bild wird nicht angezeigt. background-image:url(../images/file.png) (mit vollem Pfad funktioniert es) Habe ich installiert, die Vermögenswerte

Wie skalieren Sie ein Hintergrundbild schnell auf die Bildschirmgröße?

Anzahl der Antworten 9 Antworten
Ich versuche, um eine UIView Bild für mein hintergrund in swift mit pattern-Bild. Der code den ich habe funktioniert gut, außer für die Tatsache, dass ich das Bild den ganzen Bildschirm. Mein code sieht wie folgt aus:

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

Wie man JSF-Bildressource als CSS-Hintergrundbild-URL referenziert

Anzahl der Antworten 2 Antworten
Ich oft, ändern Sie die Bilder für meine buttons mit dem Bild-Attribut, aber jemand hat mir gesagt, es ist eine gute Praxis, es zu tun über .css Ich habe versucht, aber ich kann nicht, was ich falsch

Ein Hintergrundbild in Ruby on Rails 2 in CSS hinzufügen

Anzahl der Antworten 6 Antworten
Generiert ich ein Gerüst in ruby und ich möchte ein Hintergrundbild einfügen, um auf jeder Seite, aber Im nicht sicher, was der link zu dem Bild sein sollte. mein Bild ist in app/assets/images/"dep.jpg" dies ist, was ich

Wie fügt man den Hintergrund-Cover-Wert in die Shorthand-Hintergrund-Eigenschaft ein?

Anzahl der Antworten 3 Antworten
Ich bin versucht ein background-image zu dehnen, um den vollen Umfang einer <div>'s Breite und Höhe. Die <div> wird eine variable Größe, also ich bin mit background-size: cover; background: url("../images/bkgnd-sidebar.png") no-repeat left top cover; Ich kann nicht

In einem Hintergrundbild verblassen

Anzahl der Antworten 4 Antworten
Ich habe eine web-Seite mit einem großen Bild für Ihren hintergrund. Ich hatte gehofft, jQuery verwenden, laden Sie das Bild, sobald es heruntergeladen wird (im Grunde die Art und Weise, dass bing.com lädt die hintergrund-Bild). Ist das

Wie man das Hintergrundbild ausdehnt, um ein div zu füllen

Anzahl der Antworten 9 Antworten
Möchte ich ein Hintergrundbild einstellen, um verschiedene divs, aber meine Probleme sind: Die Größe des Bildes festgelegt ist(60px). Unterschiedliche div ' s Größe Wie kann ich dehnen das hintergrund-Bild und füllt den ganzen hintergrund des div? #div2{

Kann ein Hintergrundbild in einer WinForms TextBox festgelegt werden?

Anzahl der Antworten 2 Antworten
Ist es möglich, ändern Sie das hintergrund-Bild des Windows Forms - TextBox in C#? Es gibt keine BackgroundImage Eigenschaft. Soll ich das überschreiben der Paint Methode irgendwie? InformationsquelleAutor der Frage Jan Turoň | 2010-12-05

iOS 8 Navigationsleiste Hintergrundbild

Anzahl der Antworten 3 Antworten
Mit iOS 8 das Konzept nur iPhone-und iPad-Größen zusammen mit portrait und Landschaft verändert haben und deshalb die Einstellung der navigation bars background-Bild funktioniert nicht das gleiche. Derzeit bin ich mit dem folgenden code: UIImage *NavigationPortraitBackground =

Wie man ein Hintergrundbild in Schienen von css einstellt?

Anzahl der Antworten 10 Antworten
Ich bin mit rails 3.2 und ich habe einen hintergrund für ein von der Seite und ich habe viele Wege versucht und nichts ging richtig, so suchen Sie einige gute Hilfe. Ich habe versucht background: url(<%= asset_path

Wie kann ich feststellen, wann ein CSS-Hintergrundbild geladen wurde? Wird ein Ereignis ausgelöst?

Anzahl der Antworten 3 Antworten
Habe ich ein sidebar-widget, das eine Bild-hintergrund. Über dies ist ein such-Eingabefeld. Ich möchte nicht den Eingang zeigen, bevor das Bild geladen hat. Gibt es eine Möglichkeit zum anbringen einer load event-handler, um CSS-hintergrund-Bilder wie normale img-Elemente/Objekte?

Können wir das Hintergrundproblem der Tabellenzeile in Chrome in mehrzeiligen Tabellen lösen?

Anzahl der Antworten 3 Antworten
Es wird Häufig gestellt, aber ich habe nicht gesehen, eine gute Antwort, doch (und ich sah). Wenn Sie ein background-image in CSS eine Zeile in der Tabelle - das Bild wiederholt sich in jeder Zelle. Wenn Sie

CSS: Hintergrundbild auf Hintergrundfarbe

Anzahl der Antworten 8 Antworten
Ich habe Panels, die ich blau eingefärbt, wenn diese Platte wird ausgewählt (angeklickt). Darüber hinaus füge ich ein kleines Schild (.png Bild) um das panel, der angibt, dass das ausgewählte panel wurde bereits ausgewählt, bevor. So, wenn

Rahmenradius im Hintergrundbild

Anzahl der Antworten 2 Antworten
Ist es möglich, fügen Sie border-radius auf background-image ? InformationsquelleAutor der Frage Michał Urban | 2013-01-16

Semi-transparente Farbschicht über Hintergrundbild?

Anzahl der Antworten 10 Antworten
Ich habe ein DIV und ich würde gerne ein Muster als hintergrund. Dieses Muster ist Grau. So, um es ein wenig netter, würde ich gerne eine leichte transparente Farbe "layer" über. Unten ist das, was ich versucht,

Kann ich eine Deckkraft nur auf das Hintergrundbild eines div setzen?

Anzahl der Antworten 7 Antworten
Sagen wir, ich habe <div class="myDiv">Hi there</div> Ich möchte ein background-image und geben ihm einen opacity von 0.5 – aber ich möchte, dass der text, den ich geschrieben habe, haben die volle Deckkraft (1). Wenn ich schreiben

Kann ich die Hintergrundbild-URL von div bekommen?

Anzahl der Antworten 8 Antworten
Habe ich eine Schaltfläche, die, wenn ich es auf ich möchte warnen, die die background-image-URL #div1. Ist es möglich? InformationsquelleAutor der Frage jQuerybeast | 2012-01-10

CSS blur auf Hintergrundbild aber nicht auf Inhalt

Anzahl der Antworten 4 Antworten
Habe ich dieses Beispiel :http://jsfiddle.net/jLGFp/ Ich versuche, den hintergrund unscharf Bild, aber der wesentliche Inhalt ist unscharf (die <span>) Wie kann ich den hintergrund Weichzeichnen, ohne Verwischung der Inhalt? InformationsquelleAutor der Frage sbaaaang | 2013-12-05

CSS set background-image von data-image attr

Anzahl der Antworten 1 Antworten
Ich habe eine Art von Elementen mit diesem Muster: <div data-image="{imageurl}" ...></div> Will ich setzen diese Elemente background-image zu data-image. Ich Teste diese CSS-code: div[data-image] { border: 2px solid black; background-image: attr(data-image url); } Grenze zeigen, richtig

Ändern des Hintergrundbildes mit jquery

Anzahl der Antworten 1 Antworten
Habe ich das jquery-code, der das Bild ändert sich der hintergrund auf klicken Sie auf: $('a.note').click(function(){ $('#full').css('background-image','img/1.jpg'); }); Jedoch, es ist nicht zu ändern. Gibt es etwas, was ich bin fehlt? Kommentar zu dem Problem mögliche Duplikate