css-sprites

0熱度

1回答

我在網頁上的不同圖像之前使用過，現在我正在優化。這是一個約會網站的方式。我所做的是將所有我將要使用的圖像合併到一張大小爲280KB的圖像中。現在對我的問題：是那個文件大？我應該繼續作爲CSS精靈還是應該像我以前那樣做小圖像並按圖像顯示圖像？

2熱度

1回答

優化CSS：雪碧或重複背景圖片？

所以我的任務是優化網站的CSS。目前，他們的按鈕使用圖像精靈像下面全部完成：這些精靈都放在一個大巴紐（上40個左右不同的按鈕）。如果我是這樣做的按鈕爲HTML而不是圖片，我想這將是類似以下內容： <style type="text/css"> a.button { display: block; width: 175px; height: 35

2熱度

2回答

Big CSS Sprite圖片（在低CPU電腦中運行緩慢）

我的網站有一個很大的css sprite圖片。網站：http://www.protohaber.com/demo 雪碧圖片：http://www.protohaber.com/demo/templates/v1/images/proto_sprite.png 我的網站是工程慢（例如，頁面滾動速度慢，等等。）在某些計算機瀏覽器（低CPU的計算機）

0熱度

1回答

對齊CSS sprites下的文本

我有許多鏈接，每個鏈接都有一個類傳遞正確的精靈來呈現每個圖像以及每個鏈接的相對懸停圖像。問題在於對齊精靈正下方的文本。任何人都可以幫助我找到解決方案嗎？我的問題的具體代碼： .image_row td a{ background-image:url('http://www.thechefsdirectory.com/images/navigation/VIEW_WEB.png');

3熱度

1回答

爲什麼我的spritesheet被多次加載？

我有一張spritesheet驅動一組按鈕的外觀，這些按鈕響應各種鼠標操作而改變。但是，在精靈之間切換時，我可以看到一個閃爍，並且使用chrome或firebug查看網絡面板可以確認每次更改精靈時都會重新加載精靈表，這會破壞使用精靈表的要點。 jQuery的代碼來處理交換出去的精靈是這樣的： $(".btn").mouseover(function() { var imgId = $(t

1熱度

1回答

當鼠標懸停在另一個div上時，在多個圖像之間進行切換（使用css sprite）

我使用jQuery在幾個圖像之間切換。代碼如下： var imgs=['img/image01.png', 'img/image02.png', 'img/image03.png', 'img/image04.png']; var $img = $('#toons'); $('#logo').on('mouseover', function() { v

8熱度

1回答

在不同樣式表中使用相同的指南針精靈

我正在使用指南針來生成CSS精靈。我找到了一種方法來定義一個精靈並將其用於不同的.scss文件，但我不確定這是否是正確的解決方案。我能找到到現在爲止最好的辦法是：創建_variables.scss部分文件定義_variables.scss部分文件中的精靈導入_variables.scss部分每.scss文件示例 _variables.scss文件： $siteSprite-spacin

0熱度

1回答

只針對我的圖像精靈通過CSS

好吧，對不起...這是一個基本的CSS問題，但它讓我瘋狂。我是自學成才的，所以我確信我只是缺少一些簡單的東西。網站：http://notes.benadelt.com 標誌圖像精靈只是一個主頁鏈接...我試圖刪除背景顏色，你可以看到的是破壞了圖像的透明度： <a class="ben-logo" href="/"></a> 您可以看到CSS爲該節中的任何鏈接指定了一個淺色背景色，該背景色也應

4熱度

1回答

自定義CSS添加到羅盤

產生我有這樣的代碼在my_images.scss文件精靈： $icon-layout:smart; $icon-sprite-dimensions: true; @import "icon/*.png"; @include all-icon-sprites; 輸出是這樣的： .icon-sprite, .icon-asterisk, .icon-camera, .icon-clock,

1熱度

1回答

將精靈縮小到100％以下會改變它們的位置

我已經按照縮放精靈的教程http://tobyj.net/responsive-sprites/ - 當我將圖像設置爲100％時它們很好，但是當我在媒體查詢中使用35％的值時，精靈圖像是流離失所。任何想法爲什麼？我的網站是在這裏http://edharrisondesign.com/pocketpictograms/ 這裏是我的CSS： #icon-container { posit