Tag: background-position

CSS-Eigenschaft legt die erste position relativ zu der background-position-Ebene definiert, die durch hintergrund-Herkunft für jeden definierten hintergrund Bild

CSS background-position zu animieren rechts nach Links

Anzahl der Antworten 5 Antworten
Ich versuche zu animieren, hintergrund-Bild, sodass das Bild erscheint von rechts nach Links. Ich habe verwendet ein Bild, das hat eine größere Breite als der div-container, wo der hintergrund liegt. Auf der Startseite, die backgrond ist folgende

Wie man ein Bild hinter den text in CSS?

Anzahl der Antworten 4 Antworten
Ich soll ein Bild angezeigt werden hinter text in eine <h1> tag. Aber wenn ich das Bild ersetzt den text und schiebt den text darunter. Screenshots : Vor und Nach CSS body { background-color: #1a1a1a; } header,

3-Knopf-Zustand: normal, rollover (on hover), aktiv (auf klicken) mit jquery?

Anzahl der Antworten 4 Antworten
Ich bin mit dem folgenden code, um meine Knöpfe zu ändern, um Ihre rollover-Status, wenn Sie mit der Maus auf. $('.button').hover(function(){ $(this).css('background-position', '0 -23px'); }, function(){ $(this).css('background-position', '0 0px'); }); mit der .button-Klasse, angewendet auf alle button

CSS Setzen Bild oben auf der Seite

Anzahl der Antworten 3 Antworten
Muss ich ein Bild in der oberen Mitte des web-Seite in css. Nun, ich bin nur mit der background-image: im css, aber das macht es in der Mitte der Seite. Hier ist mein code: body { background-image:

CSS3 - Fade zwischen 'background-position' ein sprite-Bild

Anzahl der Antworten 4 Antworten
Ich möchte zu verblassen zwischen 'background-position' ein sprite-Bild nur mit CSS. Ich fand eine Menge o tutorials, aber ich habe nicht gefunden, etwas einfaches wie diese: <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS3 - Fade between 'background-position'

Wie man background-position fixiert und zentriert?

Anzahl der Antworten 1 Antworten
Habe ich meine Website eingerichtet, in der 'page-Abschnitten" für eine vertikale scrollen. die erste Seite-Abschnitt ist 100% Breite und Höhe, so sind die anderen Abschnitte, aber hat ein Hintergrundbild, dass Schriftrollen und erstreckt sich auf die Breite

IE6 background-position(?) Problem

Anzahl der Antworten 6 Antworten
Ich bei stackoverflow als meine Letzte Rettung. Ich habe diese ie6-bug, während mit dem Bild im hintergrund von dem link. Es scheint, dass der ie6 scrollt der hintergrund. Wie kann ich es vermeiden? In einiger Breite es

Wie ändere ich die hintergrund-position mit css3-animation?

Anzahl der Antworten 2 Antworten
Können sagen, ich habe ein div-element, mit einem hintergrund in position: 0%; wie würde ich die position wechseln zu e ist.g position: 100%; aber mit keyframes auf hover Ich kann nicht scheinen, um die Verwendung von keyframes

Google Mail HTML-E-Mail-hintergrund

Anzahl der Antworten 7 Antworten
Ich arbeite an einer HTML-E-Mail. Das problem sehe ich nur, dass GMAIL nicht verwenden Sie die "background-position", ich gebe es zu. Ich habe eine Tabelle mit 100% Breite, hat einen hintergrund, der muss zentriert werden. Die meisten

CSS3 background-position-Problem mit Safari nur

Anzahl der Antworten 5 Antworten
Den folgenden code rendert auch im IE9, FireFox, Chrome, aber nicht in Safari: .search-choice { position: relative; background-clip : padding-box; background-image: url('../Design/icon_chosen_close.gif'); background-repeat: no-repeat; background-position: top 6px right 6px; } <ul class="chzn-choices"> <li class="search-choice" id="selLVB_chzn_c_0"> <span>multi1</span><a href=#

css background-position funktioniert nicht

Anzahl der Antworten 6 Antworten
Habe ich 3 tags getarnt als "roll-over-Schaltflächen". <div id="buttons"> <a class='button' id='but1' href=''></a> <a class='button' id='but2' href=''></a> <a class='button' id='but3' href=''></a> </div> Jeder Taste ist immer seine erste image aus der CSS wie folgt: .button{ background:url(theimage.jpg); width;height;

jquery animate background-position firefox

Anzahl der Antworten 5 Antworten
Bekam ich das hintergrund image slider, was funktioniert in chrome und safari, aber es tut nichts in firefox. keine Hilfe? $(function(){ var image= ".main-content"; var button_left= "#button_left"; var button_right= "#button_right"; var animation= "easeOutQuint"; var time= 800; var

CSS-Hintergrund-Farbverlauf mit offset

Anzahl der Antworten 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

Flip vertikal ein hintergrund Bild jedes mal, wenn Sie repeat-y

Anzahl der Antworten 4 Antworten
Ich bin auf der Suche nach einem trick wiederholen, dass mein Hintergrundbild vertikal, aber jedes mal, wenn das Bild wiederholt sich, ich will spiegeln es vertikal. Ich habe versucht, all die Dinge in meinem Kopf mit repeat-y,

background-size mit background-position-nicht-Skala die position?

Anzahl der Antworten 6 Antworten
Habe ich eine sprite von 62 Bilder, 91 * 91px, das macht die ganze Sache 91 * 5642 px. Sie sind dargestellt in Form eines dynamischen raster, das wächst und schrumpft je nach Benutzer/Zeiger-Bewegung. Manchmal ein element

CSS background-position funktioniert nicht im Mobile Safari (iPhone/iPad)

Anzahl der Antworten 6 Antworten
Ich habe ein Problem mit background-position in mobile safari. Es funktioniert gut auf anderen desktop-Browsern, aber nicht auf iPhone oder iPad. body { background-color: #000000; background-image: url('images/background_top.png'); background-repeat: no-repeat; background-position: center top; overflow: auto; padding: 0px; margin:

Fix für background-position-im IE

Anzahl der Antworten 11 Antworten
Bekomme ich dieses problem in IE7, wenn ein Stück code, der jquery verwendet und 2 jquery plugins. Der code funktioniert im FF3 und Chrome. Die voller Fehler ist: Line: 33 Char: 6 Error: bg is null or

Ist background-position-x (Hintergrund-Position-y) eine Standard W3C CSS-Eigenschaft?

Anzahl der Antworten 3 Antworten
Ich bin besorgt über background-position-x und background-position-y. Gecko (Firefox) und Presto (Opera) nicht unterstützen, aber Webkit (Chrome, Safari) funktioniert... Weiß jemand (mit offiziellen Referenzen), wenn dies ist (oder wird) in den standard aufgenommen werden? InformationsquelleAutor der Frage

jquery animieren Hintergrundposition

Anzahl der Antworten 12 Antworten
Ich kann nicht scheinen, um diese arbeiten. $('#product_family_options_dd').animate({ height: '300px', width: '900px', backgroundPosition: '-20px 0px', }, Höhe und Breite animieren, aber nicht der hintergrund. InformationsquelleAutor der Frage jimbo | 2011-03-02

Ändern Sie die Hintergrundposition mit jQuery

Anzahl der Antworten 5 Antworten
Ich würde gerne den hintergrund ändern, die position einer CSS-Klasse im Schwebeflug ein li-element. HTML: <div id="carousel"> <ul id="submenu"> <li>Apple</li> <li>Orange</li> </ul> </div> CSS: #carousel { float: left; width: 960px; height: 360px; background: url(../images/carousel.png); } Irgendwelche Vorschläge,

backgroundPositionX funktioniert nicht unter Firefox

Anzahl der Antworten 6 Antworten
Habe ich spielen mit dem youtube-sprite-animation, aber es ist ein problem. Es funktioniert nicht unter Firefox (funktioniert aber auf Chrome und IE8)... Dies ist der code : http://goo.gl/4IxkI Extra-info: das problem ist, dass unter firefox Es nicht

Verwenden von Css Sprites und Hintergrundposition

Anzahl der Antworten 5 Antworten
Ich habe ein div-element, sagen wir der Breite 200px und Höhe 200px. Ich brauche ein kleines Bild angezeigt wird auf der oberen rechten Ecke des div. Wie man normalerweise tun würde, wäre es mit background: url(/images/imagepath.png) top

Mehrere Hintergrundbilder Positionierung

Anzahl der Antworten 8 Antworten
Ich habe drei hintergrund-Bilder, die alle von der Breite 643px. Ich will, dass Sie dargelegt, etwa so: Bild oben (12px Höhe) no-repeat mittlere Bild repeat-y Bild unten (12px Höhe) nicht wiederholen Ich kann nicht scheinen, es zu