css-sprites

0熱度

1回答

我一直試圖讓gulp.spritesmith與視網膜圖像一起工作，但沒有運氣。只要我的圖像與gulp文件處於同一級別，一切都按預期工作。如果我移動圖像傳輸到子目錄，並改變gulp.src指向它，我得到以下錯誤： AssertionError: Retina settings detected but 0 retina images were found. We have 2 normal ima

0熱度

1回答

一些CSS精靈在Firefox，Chrome和IE上不顯示？

我在網站的幾個頁面上使用css-sprites作爲導航按鈕，當圖像懸停時圖像部分變暗。所有這些按鈕上都有文字。在我剛剛將文本寫入圖像之前，事情工作正常，但我想將文本添加到我的html中，以便對放大到頁面的任何人呈現更好的效果。然而，這樣做現在已經導致圖片的精靈不會出現在Firefox，Chrome和IE中（在Safari中仍然可以正常工作）。很顯然，我認爲向代碼添加文本已經造成了這種情況，但現在

-2熱度

1回答

雪碧與<img>標記

如果我正確理解精靈的想法，它的意思是減少HTTP請求。當我使用<span>,<i>或<div>時，這是有意義的，因爲我可以給幾個元素一個類並給予該類background-image。這樣瀏覽器只需要一次圖像。但如何與img標籤一起工作？ src屬性不能爲空，所以如果我設置了三個這樣的圖像： <img id="first" src="img-sprite.png" alt="" /> <img

2熱度

2回答

相同的圖標與gulp svg sprite不同的大小？

使用gulp-svg-sprite進出口https://github.com/jkphl/gulp-svg-sprite 是否可以使用不同大小的相同圖標？拼合到這很容易，事實上在此之前是我最喜歡SVGs的事情之一： http://codepen.io/anon/pen/qZQvYN .icon-small, .icon-large { background-image: url(htt

12熱度

2回答

在什麼情況下，使用HTTP/2單獨加載圖像比用HTTP/1.1精靈一次加載所有圖像要慢？

HTTP/2使多路連接成爲可能，消除了與服務器的多個連接。通過單一連接，許多單獨的圖像可以發送到客戶端。這避免了將許多圖像合併爲一個並使用CSS將其分開的舊圖像精靈模式。我很好奇，如果在HTTP/2世界中精靈仍然會更快。如果是這樣，在什麼情況下？

1熱度

1回答

如何創建約200幅圖像的精靈？

我有一個網站，我需要加載大約150張150 * 150大小的圖片。我無法在一箇中創建20-30張圖像的不同精靈。由於圖像路徑來自數據庫。它使用jQuery如下所示。 <ul id="albumsIcons"> </ul> $('#btnGetAlbums').on('click',function(e) { $.ajax( { url : "Controll

2熱度

2回答

使用html和css的精靈

我有一些使用精靈的代碼，它被設計成看起來像一個水平導航欄。我的問題是：對於我的代碼如下所示，這種方法實際上是否導致最終用戶下載png圖像8次或只是一次。如果它真的是一次，有沒有更好的方法來做到這一點？ CSS代碼 #facebook, #twitter, #linkedin, #googleplus { width: 64px; height: 64px; disp

1熱度

1回答

如何將Sprite圖像導入Java Eclipse Pacman遊戲？

我一直在Java Eclipse中編寫一個Pac-Man遊戲。我已經獲得了遊戲的功能，運動，聲音，棋盤等。但是，一個問題是，我似乎無法得到我用於PacMan和鬼魂出現的圖像，導致兩者都不可見。我已將所有圖像導入到我的項目中，它們位於源文件（我正在使用Java Eclipse）中名爲「img」的文件夾中。這是在我的構建路徑和一切。的代碼我用影像導入到我的遊戲如下： public class Bo

2熱度

3回答

HTML頁面中圖像的最早預加載

HTML頁面加載序列中可以發出圖像請求的最早時間是什麼？我參與的網站正在切換到使用精靈頁面。 Sprite頁面可能非常大，第一頁的整個頁面加載時間很大程度上受益於瀏覽器提前發出的請求。這些頁面還包含沉重的CSS和JS加載，並且只有在這些完成後啓動精靈頁面加載纔會很糟糕。，我已經找到了最快的整體加載時間是創建一個超短CSS文件中提到的HTML頭部分，它引用了一類圖像月初。這通常在其他CSS和JS

3熱度

1回答

運行任務時出現的各種錯誤（吞吐圖片/ scss生成器）

沒有大量的吞噬經驗，這可能是我的一個簡單的錯誤，但我一直無法找到一種可以在任何地方在線工作的解決方案...希望堆棧溢出可以救我！我正在嘗試使用節點插件的sprity創建spritesheet和關聯的SASS（.scss）樣式表。 https://www.npmjs.com/package/sprity 我已經安裝了sprity和sprity-sass（以及gulp-sass和其他我已經使用過的）