Tag: background-image
Die background-image CSS Eigenschaft legt ein oder mehr Hintergrundbilder für ein element.
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
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
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,
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:
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
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
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
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
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...";
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,
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
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
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
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
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{
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
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:
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
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
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
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
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
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
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
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'); }
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
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:
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
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,
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
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:
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
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
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
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
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
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{
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
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 =
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
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?
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
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
2
Antworten
Ist es möglich, fügen Sie border-radius auf background-image ? InformationsquelleAutor der Frage Michał Urban | 2013-01-16
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,
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
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
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
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
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