Tag: css-sprites

CSS-Sprites ist eine CSS-Technik zu kombinieren, kleine Bilder in ein großes Bild und dann greifen Sie mit background-position-Eigenschaft. Es wird verwendet zum speichern von HTTP-Anfragen.

Ist das browser-caching CSS-hintergrund-images?

Anzahl der Antworten 3 Antworten
Wenn ich das gleiche Bild verwendet für verschiedene Elemente (sprite-Bilder), die ich in der Regel nicht telefonisch, das Bild wieder, als dieser eine neue HTTP-Anforderung. Ich eher verwenden: element1 { background: url(someImage.png); } element2 { background-image: inherit;

IE9/8/7 css-sprite-position Rutsch-Problem

Anzahl der Antworten 6 Antworten
Ich möchte css-sprite (sprite-Bild total width:45px und total height:15px besteht aus drei-Bild), aber es gibt ein problem in IE9/8/7. link und hover arbeiten, aber wenn Sie auf die Schaltfläche (active) sprite Bild rutscht nach Links 1px. Problem

Hintergrund der Größe mit mit css-sprites

Anzahl der Antworten 4 Antworten
Ich habe eine Liste und jede <li> hat ein icon und einen text. Das Bild von icons ist ein sprite-Bild, so dass ich brauche, um die background-size jeder li um die Größe eines Symbol. Wie kann ich

Wie bewerbe CDN-speedup-Techniken, um Ikonen?

Anzahl der Antworten 3 Antworten
Geworden common Praxis zu nutzen CDNs für javascript-caching, css, schriftart und vieles mehr... jedoch scheint dies nicht zu verlängern, um Symbole in dem gleichen Umfang (möglicherweise, weil jeder Standort bevorzugt, haben einen einzigartigen look und fühlen?) Sind

Maximale Bild-Abmessungen im browser/CSS-spec?

Anzahl der Antworten 2 Antworten
Will ich die Anzeige einer Seite mit über 6000 kleinen Vorschaubildern (40x40 jeder). Um zu vermeiden, machen 6000 HTTP-Anfragen, ich bin die Erkundung von CSS-sprites, d.h. die Verkettung der alle diese Bilder in einem langen Streifen und

wie stylt man ein horizontales Menü mit Bildern oben und zentriert text?

Anzahl der Antworten 1 Antworten
Unter Berücksichtigung der folgenden Abbildung, die die 3 Staaten dieser Menü-Interaktion: Wissen, dass: 1) Wir nicht ein Bild für alle horizontalen Menü, jedes Element (also jedes ul li a) sollen Ihre eigenen Bild; 2) Hintergrundbild Positionierung begünstigt

Wie zum extrahieren von Bilder aus einer web-Seite, wobei die display-Größe?

Anzahl der Antworten 3 Antworten
Ich brauche, um Bilder zu sammeln in einem großen CMS, um Sie in eine einzige CSS-sprite. Aber viele von Ihnen werden in Ihrer Größe auf dem Bildschirm innerhalb von CMS. Speichern einer kompletten Webseite gibt immer die

Warum ist mein hintergrund Bild nicht richtig angezeigt im IE7?

Anzahl der Antworten 8 Antworten
Screenshot des Problems: hier Webseite in Frage: http://cure.org Beleidigen browser: Internet Explorer 7 Bemerken Sie aus dem screenshot, oder wenn Sie diese Website im IE7, dass das Hintergrundbild nicht angezeigt wird für die content-div (#modal-inner-content). Seltsam, das

PNG-kodiert mit mehreren Bilder + HTML-Benutzung

Anzahl der Antworten 2 Antworten
Habe ich eine PNG, die mehrere Bilder kodiert. Wie kann ich alle Bilder in eine HTML -, eine für die Voreinstellung, wenn Sie mit der Maus über die Verwendung der anderen (ich will nicht, erstellen Sie verschiedene

Wie man Links und rechts padding/margin auf wiederholte hintergrund in css3 mehrere hintergrund?

Anzahl der Antworten 2 Antworten
Was ich tun möchte, ist genau die gleiche, wie die in diesem Artikel http://css-tricks.com/css3-multiple-backgrounds-obsoletes-sliding-doors/ Aber in meinem Fall den linken und rechten Bildes transparent ist. so wiederholt sich der hintergrund wiederholt sich im ganzen element. Gibt es

Benennen Sie eine generierte Datei in Maven vor KRIEG Gebäude

Anzahl der Antworten 2 Antworten
Daumen drücken, Ihr könnt mir helfen! Ich bin mit SmartSprites zu kombinieren, die PNGs auf meiner Zielseite in einem, so dass es lädt schneller. SmartSprite untersuchen, CSS-Dateien, erstellen Sie eine CSS-Sprite-image, und erstellen Sie eine neue CSS-Datei,

Wie kann ich CSS-änderungen nur für eine Seite?

Anzahl der Antworten 4 Antworten
Ich habe zwei css-Dateien: Einer Hauptdatei (main.css) Einer bestimmten Seite Datei (page5.css). Meine Seite".css-enthält main.css (@import url(main.css));) Mein main.css hat dies als einen Teil davon und legt die Höhe der Seite #content { background:url(../images/image.png) no-repeat; width:154px; height:356px;

Positionierung Hintergrundbild auf dem Formular-element mit CSS-sprites

Anzahl der Antworten 1 Antworten
Ich versuche zu bekommen eine Lupe, die als hintergrund für meine input-element. Die Lupe ist Teil eines CSS-sprite, der wie folgt aussieht: Positionieren, ich habe diese Eigenschaften: #search-form input[type="text"] { background: url('../images/icons.png') no-repeat left center; background-position: 0px

CSS-sprites und IE6

Anzahl der Antworten 9 Antworten
Tut IE6 Unterstützung von css-sprites? InformationsquelleAutor Shivanand | 2009-08-04

CSS-Sprites Wiederholende Bilder

Anzahl der Antworten 4 Antworten
Ich Frage mich, ob es irgendeinen Weg gibt, nur ein Bild für sich wiederholende und nicht wiederholende Bilder mit css-sprites. Also in diesem Fall würde ich kombinieren gerne alle Bilder auf eine Seite, egal welche Breite und

Z-index problem im IE7 mit jquery superfish menu plugin

Anzahl der Antworten 3 Antworten
Ich brauchte, um zu ändern, jquery-superfish-Menü-plugin zu empfangen, die durch Bild für das Menü. Bitte haben Sie einen Blick auf diese demo. http://www.okadadesign.no/vitaveritas/. Gibt es Untermenüs im Om oss und Medieomtale. Ich verwendete sprites-Bilder für das Menü.

CSS über ein hintergrund-Bild mit mehreren Bildern drauf

Anzahl der Antworten 7 Antworten
Habe ich beobachtet, dass oft die websites verwenden Sie nur ein hintergrund-Bild, die mehrere Bilder enthält. Zum Beispiel, statt der Verwendung separat Symbole, alle Symbole sind setzen Sie auf ein Bild und dann die verschiedenen Teile des

jQuery toggle auf Bild ändern

Anzahl der Antworten 8 Antworten
Habe ich eine Liste von divs mit Bildern in Ihnen: <div class="wizard-img"><%= image_tag("sources/pix/nyt.png") %></div> <div class="wizard-img"><%= image_tag("sources/pix/theguardian.png") %></div> Wenn ein Benutzer auf die div, würde ich es mögen, um das Bild zu ändern, um x-auf.png, wenn wieder

So entfernen Sie oder deaktivieren Sie vor und nach pseudo-Klassen?

Anzahl der Antworten 2 Antworten
Dies scheint sehr trivial, aber ich konnte nicht es herausfinden. Einfach überschreiben es mit display:none funktioniert nicht in IE8. #selector::after { display: none; } Ich bin, ändern ein Thema, das mit vor und nach pseudo-Klassen zum hinzufügen

CSS: mit Bild-sprites mit css-pseudo-Klassen :before und :after

Anzahl der Antworten 2 Antworten
Ich habe nie versucht, vor. Ich erstellte eine image-sprite enthält zwei Symbole. Jedes Symbol ist 26px breit und hoch. Also die sprite ist 26x52px. Ich habe ein element, das entweder in ein div.etwas oder in ein div.nichts.

Warum verwenden Sie ein sprite sheet, anstatt einzelne Bilder?

Anzahl der Antworten 8 Antworten
Eine Sache, die ich bemerkt haben, auf einigen Seiten ist, dass Sie eine BIIIIIIIG Bild mit vielen kleinen Bildern, dann verwenden Sie CSS background-position zu definieren, die die Koordinaten jedes Bildes, sondern die Nutzung einzelner Bilder. Hier,

Wie Sie ein Formular Absenden, wenn Sie die return-Taste gedrückt wird?

Anzahl der Antworten 13 Antworten
Kann mir bitte jemand sagen, wie Sie ein HTML-Formular, wenn Sie die return-Taste gedrückt wird, und wenn es keine Schaltflächen im Formular? Der submit-button ist nicht da. Ich bin mit einem benutzerdefinierten div statt. InformationsquelleAutor der Frage

Kleinste Daten-URI-Bild möglich, ein transparentes Bild

Anzahl der Antworten 9 Antworten
Verwende ich ein transparentes 1x1-Bild mit einem Hintergrundbild, um in der Lage sein zu verwenden, sprites und noch immer alternativen text für einige Symbole. Möchte ich verwenden Sie eine data-URI für das Bild, reduzieren Sie die Anzahl

Wie kann ich skalieren eines Bildes in ein CSS-sprite

Anzahl der Antworten 11 Antworten
In diesem Artikel, http://css-tricks.com/css-sprites/es spricht darüber, wie kann ich ein crop aus einem kleineren Bild aus 1 größeren Bild. Können Sie mir bitte sagen, ob es möglich ist/wie ich Sie zuschneiden können, ab ein kleineres Bild und

Kann ich Bootstrap-Icons nur mit CSS Farbe hinzufügen?

Anzahl der Antworten 14 Antworten
Twitter bootstrap verwendet Icons von Glyphicons. Sie sind "available in dark gray and white" standardmäßig: Ist es möglich, mit einigen CSS-Tricks dazu ändern Sie die Farben der icons? Ich hatte gehofft, für einige andere css3-Brillanz, dass würde

Symbole mit Text ausrichten

Anzahl der Antworten 3 Antworten
Was ist der beste Weg, um zu richten-icons (Links) und text (rechts) oder das Gegenteil-text Links und icon rechts? Funktioniert das icon-Bild und text haben die gleiche Größe? Idealerweise würde ich es gerne anders, aber auf die

Kompass: Erzeuge Sprites plus Breite / Höhe für jedes Bild im Sprite

Anzahl der Antworten 2 Antworten
Ich bin mit Kompass (CSS Framework) zur Erzeugung von sprite-Bildern. Es funktioniert, aber Kompass generieren nur einen hintergrund-position für jedes Bild. Ist es möglich, auch die Breite und die Höhe für jedes Bild im sprite? Dies ist

Clip / Beschneide Hintergrundbild mit CSS

Anzahl der Antworten 1 Antworten
Habe ich diese HTML: <div id="graphic">lorem ipsum</div> mit diesem CSS: #graphic { background-image: url(image.jpg); width: 200px; height: 100px;} Hintergrund Bild ich bin die Anwendung ist 200x100 px, aber ich will nur die Anzeige einer abgeschnittenen Teil des

Sprites mit IMG-Tag verwenden?

Anzahl der Antworten 6 Antworten
Ich verstehen, wie sprites, jedoch nicht ein "src" - Attribut erforderlich für IMG-tags? Ich konnte immer mit einem SPAN oder anderen tag und setzt die Hintergrundfarbe/Breite/etc, aber es wird nicht semantisch korrekt. Grundsätzlich würde ich gerne weglassen,

Warum nicht animiertes GIF anstelle von animierten CSS-Sprites?

Anzahl der Antworten 2 Antworten
In den letzten trends, die ich gesehen habe Menschen animieren von CSS-sprites mithilfe von JavaScript anstelle von animierten GIFs? Ex: http://www.google.com/doodles/eadweard-j-muybridges-182nd-birthday (in der Tat, Google verwendet diese Technik in anderen Kritzeleien zu) https://everyme.com/ ('me' - logo) und

Auf der Suche nach einem guten Image Sprite Generator Tool

Anzahl der Antworten 4 Antworten
Ich auf der Suche nach einem anständigen Image-sprite-generator. Ich habe versucht, http://spritegen.website-performance.org/ aber es ist nicht "smart" genug, um mehrere Bild-Dimensionen, und mischen Sie Sie mit ein paar Leerzeichen zwischen die Bilder. Irgendwelche Vorschläge??? InformationsquelleAutor der Frage

Wie verkette ich Icons mit ImageMagick zu einem einzigen Bild?

Anzahl der Antworten 5 Antworten
Möchte ich CSS-sprites auf einer Website statt der separaten Bild-Dateien, für die eine große Sammlung von kleinen icons, die sind alle die gleiche Größe. Wie kann ich die verketten (Fliese) Sie zu einem großen Bild mit ImageMagick?

Verwenden Sie CSS-Sprites für das Hintergrundbild der Liste (& lt; li & gt;)

Anzahl der Antworten 7 Antworten
Ist es möglich, mit CSS-sprites für die Liste ein Hintergrundbild? Normalerweise, ich render meine sprites mit CSS so: .sprite { background: url(sprite.png) no-repeat top left;} .sprite-checkmark { background-position: 0 -24px; width: 24px; height: 23px; } .sprite-comment {

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

Tools zum Erstellen von CSS-Sprites?

Anzahl der Antworten 21 Antworten
Gibt es gute tools, um css-sprites? IDEAL, ich würde wollen, um ihm ein Verzeichnis mit Bildern und eine bestehende .css-Datei bezieht sich auf die Bilder und erstellen Sie ein großes Bild optimiert mit all den kleinen Bildern,