Tag: background-image
Die background-image CSS Eigenschaft legt ein oder mehr Hintergrundbilder für ein element.
Breite des Elements mit 'white-space: nowrap' nicht passen Kind Inhalt
2 Antworten
Ich bin versuchen, um eine horizontal-scrolling-Bereich mit (Fliesen -) hintergrund Bild, mit overflow-x: scroll & white-space: nowrap. Der Bereich erstreckt sich über eine beliebige Anzahl von Elementen. CSS: .frame { overflow-x: scroll; } .pane { background-image: url(free-tile-floor-texture.jpg);
Maßstab, hintergrund Bild
4 Antworten
Ich würde gerne die Skalierung nach oben und unten ein hintergrund Bild in meine Seite. Ich habe versucht mehrere Dinge, aber nichts scheint zu funktionieren, wie ich will. 🙁 Die url meiner Seite ist http://quaaoutlodge.com/drupal-7.14/ und für
Bewegende Hintergrund Bild in einer Schleife von Links nach rechts
6 Antworten
Ich würde gerne ein bewegliches hintergrund Bild auf meiner Seite von Links nach rechts genau die gleiche Weise wie in der folgenden website http://kxip.in , bitte vorschlagen, wie Sie diese erreichen. Dank & Grüße mein Vorschlag ist,
CSS transparenter hintergrund-Bild mit "Daten:"
5 Antworten
Ich gesehen habe auf einigen Websites, die Sie können Bilder in CSS durch ein "data" - Stichwort: .stuff { background: transparent url(data:image/gif;base64,SOMEWEIRDCODEHERE) repeat center top; } den seltsamen code sieht aus wie ein base64 ecoded string wie:
Android Bild-hintergrund wiederholen
2 Antworten
Habe ich ein Bild für ein LinearLayout hintergrund Lassen Sie uns sagen, Bild 20x100 px Ich möchte das Bild nur wiederholen, auf der x-Achse ... so etwas in css background-repeat:repeat-x; Das LinearLayout ist ein bisschen groß (1024
CSS, ' background-repeat Entfernung
2 Antworten
Ich wollen eine background-image aber mit einem bestimmten Abstand zwischen den Wiederholungen. Ich habe zum Beispiel dieses Bild zu einem background-image: Und ich will zu beheben, die Wiederholungen in einem Muster wie dieses: Überprüfen Sie die JSFiddle
Ist es möglich, eine ansprechende div mit einem background-image pflegt Sie das Verhältnis von hintergrund-Bild, wie mit einem <img>?
5 Antworten
Nicht Deutsch als Muttersprache sprechen, so gibt es wahrscheinlich einen besseren Weg, um die Form der Frage...trotzdem: Was ich will ist ähnlich wie der header hier: http://thegreatdiscontent.com/adam-lisagor Das header-Bild ist gezeigt vollständig in alle screensizes, und das
CSS-Hintergrund-Farbverlauf mit offset
1 Antworten
Habe ich einen Farbverlauf als hintergrund Bild auf meinem Körper. Dann habe ich die 255px Versatz an der Spitze mit background-position:0 255px;. Es sieht ganz gut aus, außer einem kleinen Problem: natürlich ist die Steigung noch nicht
Die Berechnung der Viewport-Höhe auf Chrome Android mit CSS
2 Antworten
So, ich habe bemerkt, dass der mobile Chrome-berechnet die Adressleiste in die viewport-Höhe. Da dieser mit height: 100vh auf ein element nicht funktioniert, weil, wenn der Adressleiste wird die viewport-Höhe ändert. Tatsächlich konnte ich finden, eine Frage
css box shadow + transparenten hintergrund Bilder = intuitive Aufteilung
1 Antworten
Ich habe ein button-Bild verwende ich als Hintergrundbild auf einige links. Hintergrund Bild hat abgerundete Ecken. Ich will ein css drop shadow, anstatt den Schlagschatten im Bild Das problem ist, dass der Schlagschatten erscheint gezeichnet werden um
Hintergrundbild zentriert und 100% in allen Browsern
6 Antworten
Was ist die beste Praxis, legen Sie ein Hintergrundbild zentriert und 100% (so dass es füllt den Bildschirm, aber immer noch behält das Seitenverhältnis) in allen Browsern? Was "alle Browser"? Gilt Sie auch für IE6? (Für Ihre
Warum muss ein fester hintergrund-Bild verschieben beim scrollen im IE?
10 Antworten
Ich versuche, mich background-image behoben. Siehe mein blog, die background-image bewegt sich beim scrollen unter IE 11. Wie kann ich dieses Problem beheben? Dies ist mein CSS: background-image: url("./images/cover.jpg"); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size:
Legen Sie ein Bild-Objekt als div-hintergrund-Bild mit javascript
2 Antworten
Ich laden möchte 4 Bilder vom hintergrund zu zeigen, eine laden-bar an den client und wenn die Bilder heruntergeladen, die ich möchte, um Sie als Hintergrundbilder zu 4 div-Blöcke. Ich bin auf der Suche nach so etwas
Wie halten Sie das Hintergrundbild auf Links unten sogar scrollen
3 Antworten
Ich Frage mich, ob es gibt einen Weg, um mein hintergrund-Bild in der linken unteren Ecke die ganze Zeit, auch wenn der Benutzer einen Bildlauf im browser. Mein Aktuelles css kann das Bild in der unteren Rand
entfernen Sie hintergrund-Bild von Stil
6 Antworten
Wie kann ich entfernen Sie hintergrund-Bild von element Stil. Ich möchte nicht auf none oder 0. Ich möchte, um es vollständig zu entfernen. es ist in Konflikt mit moz-linear-gradient definiert ist, in einer anderen Klasse. <div style="background-image:url(http://domain.com/1.jpg);
Overlay-hintergrund-Bild mit einer rgba-Farbe, mit einer CSS3 transition
2 Antworten
Heute früh fragte ich Overlay-hintergrund-Bild mit einer rgba-Hintergrundfarbe. Mein Ziel ist es, ein div mit einem background-image, und wenn jemand mit der Maus über den div-hintergrund-Bild wird überlagert mit einer rgba-Farbe. In die Antwort, eine Lösung mit
Gelten die "background-size:cover" Twitter Bootstrap Carousel Folien
3 Antworten
Arbeite ich mit einem basic Bootstrap-Karussell mit drei rutschen. Bevor ich realisiert Sie den regler, hatte ich ein statisches Bild über css-background-image seiner jeweiligen div. In meiner CSS war ich mit background-size:cover, und mochte die Art, wie
Wie man hintergrund-Bild mit linearer Farbverlauf funktioniert im IE 11?
4 Antworten
Irgendeine Idee, wie ich das machen kann background-image mit linear-gradient arbeiten auf IE 11? Folgender code funktioniert im IE 10 funktioniert aber nicht im IE 11. background-image: url(IMAGE), -ms-linear-gradient(top, #ffffff, #BEE38F); Kann ich machen linear-gradient arbeiten auf
Ändern Sie hintergrund-Bild Deckkraft
7 Antworten
Ich habe ein div-element mit text-Blöcken und einem übergeordneten div ist, in dem ich ein Hintergrundbild einstellen. Ich will jetzt reduzieren Sie die Deckkraft des Hintergrundbilds. Bitte vorschlagen, wie ich das tun kann. Vielen Dank im Voraus.
Ort Hintergrundbild, außerhalb der Grenze des umschließenden div
4 Antworten
Ich versuche, ein Hintergrundbild einstellen, werden außerhalb der eigentlichen mit div. <div class="expandable">Show Details</div> .expandable { background: transparent url('./images/expand.gif') no-repeat -20px 0px; } also die "expand" - Bild sollte im Prinzip erscheinen nur auf der linken Seite
Kann ich mehrere Hintergrundbilder mit CSS?
7 Antworten
Ist es möglich, zwei hintergrund-Bilder? Beispielsweise würde ich gerne ein Bild wiederholen über die Spitze (repeat-x), und wiederholen Sie über die gesamte Seite (wiederholen), wo der eine über die ganze Seite hinter dem eine die wiederholt quer
background-size:100% 100%; funktioniert nicht in Chrome
4 Antworten
Ich bin mit ein svg-Bild als hintergrund. Ich versuche, CSS3 ist background-size: 100% 100%; aber es scheint nicht zu funktionieren, auch in Browsern, die dies unterstützen muss (wie Chrome). Wenn man sich diese Website sehen Sie die
UIViewController hintergrund Bild
5 Antworten
Wie ändere ich das Hintergrundbild von meinem UIViewController? Was ist der code, es zu tun? Jetzt habe ich self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"image.jpg"]]; aber ich möchte nicht das eine Muster. Ich möchte es, um den Bildschirm zu
Größenänderung hintergrund-sprite-Bild passend für div
7 Antworten
Erstelle ich ein Kartenspiel . Ich habe ein sprite-Bild-Karten . Sagen, die sprite , jede der Karten ist 50px breit und 80px hoch . Nun habe ich einige divs, wo ich will, diese Karten . Sagen, dass
Starten Sie animierte GIF als background-image
7 Antworten
Ist es möglich, neu zu starten, ein animiertes GIF als background-image? Betrachten Sie diesen HTML: <div id="face"> <div id="eyes"></eyes> </div> Und diesem Stil: #eyes.blink { background-image:url('blink.gif'); } Möchte ich die blink.gif animation zu spielen, jedes mal, wenn
background-size: cover funktioniert nicht auf iOS
4 Antworten
Dies ist mein code: background-color:#fff; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center center; Es funktioniert auf desktop, iPad und mobile Android: In Chrome und Safari auf dem iPhone, der hintergrund ist zu groß:
Hintergrundbilder funktionieren nicht in Outlook 2007 und höher
8 Antworten
Machte ich eine HTML-E-Mail-Vorlage, die ist in Ordnung, die in den meisten E-Mail-Leser, aber die hintergrund Bilder werden nicht angezeigt in Outlook 2007, 2010 und 2013. Wie kann ich das problem lösen? Hier ist der HTML-Code für
CSS fading oben und unten "Grenzen"
2 Antworten
Werfen Sie einen Blick auf diese : http://jsfiddle.net/wjhnX/ Konnte ich es mit diesem CSS : background-image: radial-gradient(#CCC, #FFF), radial-gradient(#CCC, #FFF); background-size: 2px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; Ist das möglich zu tun, aber der
(Wirklich) Langen Hintergrund Bild Nicht Rendern auf dem iPad Safari
2 Antworten
Aus unbekannten Gründen, iPad Safari nicht angezeigt, eine wirklich lange im hintergrund. In mein Beispieldas hintergrund Bild ist 1.000 x 10.000 Pixel. Das gleiche Beispiel funktioniert auf jedem desktop-browser, z.B. Safari, Firefox, usw. Ich bin mir bewusst,
Größenänderung hintergrund-Bild immer proportional zu skalieren, mit einem Mittelpunkt
1 Antworten
Ich möchte in der Lage sein, das Verhalten zu reproduzieren dieser website das Bild zu verändern. Es scheint, wie das hintergrund-Bild hat einen Mittelpunkt, wo das Bild anfangen zu beschneiden, wenn es nicht halten können, Ihren Anteil
Wie man das hintergrund Bild passend in die gesamte Seite, ohne zu wiederholen, mit reinen css?
6 Antworten
Ich habe ein JPG Bild mit der Größe 1024 x 724. Meine Seite " Größe ist nicht festgelegt. Meine Forderung ist: Wenn ich die Größe der Seite dann das Bild im hintergrund sollte auch die Größe passen
Animieren CSS background-position bei glatten Ergebnissen (sub-pixel-animation)
3 Antworten
Ich versuche zu animieren, hintergrund-position eines div, langsam, aber ohne es mit einer ruckartigen Bewegung. Sie können sehen, das Ergebnis meiner heutigen Bemühungen: http://jsfiddle.net/5pVr4/2/ @-webkit-keyframes MOVE-BG { from { background-position: 0% 0% } to { background-position: 187%
Responsive background-image in div voller Breite
3 Antworten
Ich versuche, herauszufinden, wie man ein background-image in ein div-Element mit voller Breite und reaktionsschnell. Die background-image-dehnt sich über die Breite der Seite ist (und reagiert), aber die Höhe des Bildes ist nicht seine volle Höhe. Wie
Ändern Sie den hintergrund Bild mit fade-Effekt in jquery
7 Antworten
Hey ich will zu verblassen in ein neues hintergrund-Bild können sagen, dass alle 60 Sekunden. Ich habe den hintergrund Bild wie dieses: body {background-image: url(background.jpg);} Nun will ich es ändern, so dass nach 60 Sekunden wechselt es
Overlay-Daten auf hintergrund Bild
3 Antworten
Ich habe vor kurzem herausgefunden, wie einfach es war, ein Hintergrundbild und die map-Daten auf der Oberseite der es mit der Nutzung von Tableau Public. Hier ist der Prozess aus Ihrer website. Wie Sie sehen können, ist
CSS background-image nicht funktioniert
13 Antworten
Ich weiß nicht, was Los ist, aber es scheint, dass das Hintergrundbild nicht laden. test.html: <div class="pToolContainer"> <span class="btn-pTool"> <a class="btn-pToolName" href="#"></a> </span> <div class="pToolSlidePanel"></div> </div> Stil.css: .btn-pTool{ margin:0; padding:0; background-image: url(slide_button.png); background-repeat:no-repeat; } .btn-pToolName{ text-align: center;
CSS Background-Image Nicht Angezeigt
12 Antworten
Ich habe eine HTML-Datei mit einem Unterverzeichnis namens img mit einem Bild genannt debut_dark.png. In meiner CSS-Datei habe ich: body { background: url(/img/debut_dark.png) repeat 0 0; } HTML-Datei das body-tag und enthält die CSS-Datei entsprechend. Ich weiß
iOS: Vorbereitung hintergrund-Bilder für Anwendungen
7 Antworten
Nahezu jeder iOS-Anwendung hat eine Ansicht mit einem Bild als hintergrund. Gibt es irgendein image sizing guide gibt? Zum Beispiel hier ist ein iOS-Bildschirm entwickelt, in der Skizze: Wie Sie sehen können gibt es ein hintergrund-Bild. Nun
Java: Beibehaltung Seitenverhältnis von JPanel background image
4 Antworten
Ich habe eine JPanel mit einem gemalten Hintergrundbild und layout-manager halten andere kleinere Bilder, alle von diesem innerhalb einer JFrame. Das Hintergrundbild ist ziemlich groß, und ich möchte in der Lage sein, um es halten das Seitenverhältnis,
Kann ich ein Bild von meiner lokalen Datei-system als hintergrund in HTML?
4 Antworten
Ich habe ein HTML-Dokument gehostet wird auf einem remote-web-server. Ich bin versucht zu haben, eines der Elemente auf der web-Seite verwenden Sie ein Bild-Datei von meiner lokalen Datei-system als hintergrund Bild. Kein Glück mit Chrome, Safari oder
Wie man weiße Hintergrundfarbe mit transparentem eines Bildes in ImageMagick ersetzt?
4 Antworten
Ich habe ein Bild in .jpg format mit white background color. Ich möchten, entfernen Sie die weiße Hintergrundfarbe transparent in Imagemagick. Ich habe versucht, viele Möglichkeiten, aber immer noch den weißen hintergrund kann nicht entfernt werden. Kann
CSS: Hintergrundbild auf 100% Breite und Höhe des Bildschirms strecken?
4 Antworten
Habe ich ein Bild genannt myImage.jpg. Dies ist mein CSS: body { background-image:url("../images/myImage.jpg"); background-repeat: no-repeat; background-size: 100% 100%; } Aus irgendeinem Grund, wenn ich dies tun, wird die Breite der myImage erstreckt sich über den gesamten Bildschirm,
CSS Zeigt ein verkleinertes und zugeschnittenes Bild an
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
Wie kann man das Hintergrundbild proportional verkleinern, um die Größe der Schaltfläche in Javascript anzupassen?
4 Antworten
Ich mache ein Schachbrett in javascript. Das Schachbrett Quadrate (buttons) wurden ursprünglich entwickelt, um sein 60px durch 60px, aber jetzt sind Sie 40px von 40px. button { width:40px; height:40px; border: 0 } Jedoch, einige der Stücke wurden
Ändern Sie WPF-Hintergrundbild in C # -Code
6 Antworten
Habe ich ein paar Bilder konfiguriert als Ressourcen der Anwendung. Wenn meine Anwendung gestartet wird, wird der hintergrund des Hauptfensters wird über XAML: <Window.Background> <ImageBrush ImageSource="/myapp;component/Images/icon.png" /> </Window.Background> Wenn ein bestimmtes Ereignis Auftritt, würde ich das gerne
css mit Hintergrundbild, ohne das Bild zu wiederholen
4 Antworten
Ich habe eine Spalte (nehmen wir an die Breite 40px) und dort habe ich einige Zeilen. Die Höhe der Zeilen hängt von der Länge der text (wenn der text lang ist, dann gibt es einen Zeilenumbruch und
Füllen Sie das SVG-Pfadelement mit einem Hintergrundbild
2 Antworten
Ist es möglich, eine background-image für eine SVG - <path> element? Wenn ich zum Beispiel das element class="wall" CSS-Stil .wall {fill: red;} funktioniert, aber .wall{background-image: url(wall.jpg)} nicht, weder .wall {background-color: red;}. InformationsquelleAutor der Frage jbochi | 2010-09-25
HTML-Datenattribut verwenden, um die CSS-Hintergrundbild-URL festzulegen
6 Antworten
Ich Plane den Aufbau eine individuelle Foto-Galerie für einen Freund und ich weiß genau, wie werde ich die Produktion der HTML, jedoch habe ich ein kleines Problem mit der CSS. (Ich würde lieber nicht über die Gestaltung
Google Chrome-Erweiterungen - Lokale Bilder können nicht mit CSS geladen werden
9 Antworten
Habe ich eine einfache Chrome-Erweiterung, nutzt das content-script-Funktion zum ändern einer website. Genauer gesagt, die background-image der genannten website. Für einige Grund, warum ich kann nicht scheinen, um in der Lage sein zu verwenden, lokale Bilder, auch
Ausblenden, ohne das Hintergrundbild zu entfernen
9 Antworten
Gibt es eine Möglichkeit das ausblenden des Hintergrundbildes in CSS, ohne es zu entfernen? Für die Bequemlichkeit, ich bin mit der CSS zu ändern, ob oder nicht es ist angezeigt, sich auf eine Klasse, um es zeigen.