css-sprites

0熱度

3回答

我忽略了使用我的精靈中的一些明顯的東西。我有一個例子，在JSFiddle。它沒有在span中顯示sprite，當我查看Chrome中的元素時，它報告的實際背景位置爲0px，50％。 CSS是0px，-31px。建議

1熱度

1回答

我想爲導航欄使用CSS精靈。經過大量的互聯網調查，我認爲我已經確定了「最簡單」的方式。所有似乎都正常工作，除非我點擊瀏覽器的後退按鈕。在IE（8.0.6001.18701）中，活動狀態「卡住」（看起來像按下按鈕）。在Firefox（14.0.1）中，懸停狀態「卡住」。只要鼠標移出後退按鈕，我就可以忍受Firefox問題，但不會出現IE問題。我目前在包含的頭文件中使用了navbar，以保持簡單和一致

1熱度

1回答

最佳spritesheet算法

我注意到有關spritesheets的一件事是他們的文件大小並不完全一致。當你有個人圖像時，假設它們被正確壓縮，它們的文件大小不會改變。但對於精靈表格，圖像的文件大小可能因圖像的排列方式而異。舉個例子，我創造了這個spritesheet： Sheet http://pokebattlers.net/img/misc/forumstars.png我試過水平，我試過的2x3縱向和橫向，我嘗試了所有6

0熱度

1回答

CSS Sprite懸停定位

我正在嘗試構建具有翻轉狀態和每個項目的不同圖標的簡單導航。我爲圖標的開/關狀態使用了3個不同的精靈，除了我無法將圖標自己定位以坐在左邊並與文本對齊之外，我的所有工作都非常棒。現在它們出現在每個列表項的左上角，我希望它們出現在文本的左側。但是當我添加邊距或填充或定位與精靈的螺絲，當翻身時看到整個圖像vs只是我想要的部分。這裏是我的代碼： <div id="navcontainer"> <u

1熱度

1回答

使用單個背景圖像爲不同的HTML元素使用CSS sprite

我想問你是否可以對不同的HTML元素使用相同的background-image？手段，我有HTML代碼（的一部分）： <div class="src"> <form action="#"> <input type="text" class="text" /> <input type="submit" class="submit" /> </form> </div>

0熱度

2回答

如何減少使用css sprite技術時的精靈數量

我注意到CSS sprite（.gif）的文件大小在整個週期內都保持增長。這是因爲我們不斷添加新的圖標/精靈，並且我們永遠不會刪除現有的精靈，因爲我們害怕打破現有的設計（偏移重新計算或者精靈可能被用在我們忽略的某個地方）。我想知道我們如何減少精靈的數量？圖像文件的大小不斷增長和增長。

3熱度

6回答

CSS雪碧按鈕

這些雪碧按鈕正在驅動我瘋狂。我幾乎可以讓他們工作，但不完全。我與這個非常簡單的精靈圖像再生：，如果你想看到我有一個項目的jsfiddle >> HERE <<，但代碼如下，如果你只是想看看在它。對於我的CSS，我有以下幾點： #menu { left:10px; top:50px; height:300px; width: 147px; po

2熱度

2回答

使用代碼實現GIF效果 - 它是如何完成的？

雖然reasearching一個項目，我碰到鱷魚的網頁http://www.lacoste.com/live/usa/home 什麼吸引了我最瞭解這個頁面的設計是外觀上來看，它在徘徊變成什麼似乎是360 GIF動畫的顯示，但仔細觀察後，我意識到它們實際上是非常寬的JPEGS，它們以各種角度觀看，以各種方式左右移動以創建動畫運動的印象。這是如何實現的？我想這是一種JavaScript的做法，但是如

2熱度

1回答

CSS Sprite：爲幾個類別設置精靈圖像

我目前正在爲我的網站使用css精靈圖像。但我遇到了CSS樣式問題。我有6個類別，每個類別旁邊都有一個圖片。當應用圖像精靈時，我得到了同一個對象的重複圖像。如何通過css & sprite獲取每個類別的各自圖像？如果你喜歡看活生生的實例下面是鏈接（可怕的HTML結構PS對不起）謝謝它的外觀：雪碧圖片：Click Here 個人圖片：Click Here 期望的結果： CSS部分相關 <sty

8熱度

4回答

如何剪輯元素的背景以僅顯示圖像的一部分？

澄清請看以下圖像。第一個是我打算實現的。這是一個帶有兩個背景圖像的文本輸入元素，每邊一個。第二個圖像是包含我需要的圖標的精靈圖像。現在我的問題是，是否有可能剪輯背景圖像，只顯示圖像的一部分？此外，它可以用於多個背景嗎？第一圖象：第二圖象：