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回答

如何使用primefaces部分顯示圖像/ jsf

我有一個精靈圖像。我想從那裏只顯示一個圖標。如何使用jsf/primefaces顯示？我試過下面的代碼，但是完整的圖像正在顯示。 <p:graphicImage value="/resources/images/image.png" styleClass="lockedImage"/> .lockedImage{ background-position: -110px -98px; }

0熱度

2回答

如何在css中實現無填充的精靈？

在學習如何使用css精靈時，我很快注意到和/或閱讀，最好在精靈內的所有圖像之間有1或2個空像素空間，以避免用戶放大或縮小時出現其他圖像。在看蘋果主頁時，我注意到他們沒有這樣做，沒有出血圖像。我沒有在他們的CSS中找到任何理由來解釋這一點。這怎麼可能？ ;）

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> 代碼似乎忽略了「禁用」類，因爲我期望粗體未被設置（即具有黑色文本的白色背景）。任何人都可以看到我做錯了什麼嗎？非常感謝您的幫助！