css-sprites

5熱度

3回答

直到現在我已經看過這麼多次了，但我從來沒有用過我自己。有人能解釋一下你怎麼可以從這個單一的PNG圖像獲得特定圖標的圖片，例如我選擇紅色的圖標...使用CSS

0熱度

1回答

我想知道哪種方式是最好的。我有改變完全透明背景的半透明紅色背景上懸停一些半透明的錨圖片： - > 僱主給我提供了紅色背景的版本爲每個圖像，但當然我不想使用它們，因爲這會帶來總帶寬浪費。相反，我想選項1：選項2：與1個萬能鏡像懸停切換背景圖像使用CSS3，但我不知道是否有可能 BTW。我已經閱讀了許多關於CSS精靈的好評，將網站上的整個圖像定位轉換爲精靈時尚是一個好主意？還是隻推薦用於某些圖像

5熱度

1回答

縮放CSS精靈像素藝術，無圖像平滑

我想放大CSS精靈像素藝術圖像，並希望完全禁用抗鋸齒/圖像平滑。每這篇文章在這裏：Disable antialising when scaling images我已經在Chrome和I.E.但是嘗試了以下CSS image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o

0熱度

1回答

CSS雪碧笨不工作提交按鈕

我試圖做兩件事情：替換我笨鑑於定期提交按鈕（請參見下面的代碼）與翻轉效果的精靈按鈕。提交我的笨形式 <input type="submit" name="submit" value="Search" class="button" /> 我的子畫面圖像（正常和懸停狀態）都沒有顯示使用上面的代碼。不過，如果我註釋掉，並用以下替換它，它會顯示正確，但我無法提交我的表格： <p class="bu

2熱度

2回答

需要解決視網膜精靈css問題

我想優化www.talkjesus.com的移動皮膚視網膜清晰。我用獨立的圖像完成了這個工作，例如facebook/twitter圖標，徽標和標題右上角的3個圖標。問題我現在正在爲精靈圖像完成這個操作。這是CSS代碼（默認） .ui-icon, .ui-icon-searchfield:after { background-image: url({vb:stylevar imgdir_mo

3熱度

3回答

圖片精靈沒有顯示

不知道我在這裏做錯了什麼，但我已經嘗試過在相關w3schools頁面上的示例，但無濟於事。所以這是我到目前爲止：我在我的索引頁上有四個圖像，名爲index1.png，index2.png等。我將它們合併爲一個png，它只是index.png。這是我的精靈形象。我也有一個1x1透明圖片，它是HTML中每個圖片的佔位符。以下是圖像代碼： <img class="index1" src="Images

2熱度

2回答

使用百分比縮放圖像精靈：可能嗎？

我剛剛在另一個問題中接到了幫助，我最近在這裏問到精靈問題，但現在我讓他們正常工作，我遇到了另一個問題：如何縮放顯示的圖像？我當前的代碼如下： <div class="index1"></div> 和CSS： img.index1 { margin:auto; width:258px; height:300px; background:url("../I

2熱度

1回答

使用CSS圖像精靈進行懸停效果而不使用滾動動畫

我使用精靈圖像來更改懸停時的背景並單擊（.keepImage類用於單擊）。它一切正常，但當背景圖片改變時，它會滾動到正確的位置。沒有滾動動作的方法嗎？ JS： <script> $(document).ready(function(){ $("a.doing").click(function() { $(this).siblings(".keepImage

0熱度

2回答

任何線索爲什麼我的圖片保持中斷？（精靈）

我已經把所有的小藍標誌圖像作爲我的客戶端網站的精靈，但它們在某些瀏覽器中不斷被切斷......嘗試縮小瀏覽器窗口，你會看到部分圖像就消失了。我不知道爲什麼會發生這種情況。以下是HTML的一些示例代碼。 <div class="fourCol"> <div id="firstSecond" class="centerContent" style="width:48px;height:48px;">

1熱度

1回答

試圖讓雪碧工作 - CSS

只是想獲得一個非常簡單的精靈工作：Example 我所試圖做的切換是「設置」和「未設置」粗體/斜體圖標它們之間在我的精靈的第一行和第二行（分別）。 <a id="bold" class="disabled"></a> <a id="italic"></a> 代碼似乎忽略了「禁用」類，因爲我期望粗體未被設置（即具有黑色文本的白色背景）。任何人都可以看到我做錯了什麼嗎？非常感謝您的幫助！