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.
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;
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
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
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
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
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
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
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
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
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
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,
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;
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
9
Antworten
Tut IE6 Unterstützung von css-sprites? InformationsquelleAutor Shivanand | 2009-08-04
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
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ü.
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
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
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
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.
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,
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
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
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
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
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
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
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
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,
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
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
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?
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 {
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
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,