css-sprites

    3熱度

    2回答

    我有CSS精靈圖像。它工作正常,但問題是我想要圖像右側的錨標記的文本。但它顯示在左側。精靈圖像在這裏。 http://jstiles.com/temp/1360875952/ctrls/css-sprite.png 預期結果: [Mylinktext]<MyImagehere> 實際結果是什麼,我得到的是 <MyImagehere>[Mylinktext] 我不想僞後使用class.Bec

    1熱度

    1回答

    是否有使用精靈不使用 background: url(); 屬性的方法嗎? 例如,是否有使用精靈與 <img> 標籤,而不是一個辦法嗎? 我問的原因是因爲我試圖在流體網格系統中使用CSS sprites,我需要能夠控制圖像的最大寬度。

    0熱度

    1回答

    如何將http://raphaeljs.com/icons/的SVG圖標合併爲一個CSS Sprite。 當我這樣做: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

    0熱度

    1回答

    我正試圖在我的主導航上方放置一些相關圖標。基本上,我試圖完成的是當用戶將鼠標懸停在適當的區域(具有大填充的標記)上時,文本和圖標會更改爲不同的顏色。我遇到了問題。 我的想法是用圖標字體做它最簡單,但它們只是內聯的。然後,我試圖用圖標字體做一個新的位置,並將它們放置在man nav上方,但是當用戶在指定區域上空盤旋時,我無法弄清楚如何改變顏色。 我也嘗試了翻轉方法,我無法工作,因爲當我在標記中創建一

    0熱度

    1回答

    我試圖像下面顯示在我的網頁不同的圖標: 我曾嘗試以下HTML和CSS代碼,但它是垂直顯示的圖標,如以下: HTML <div id="socialNetwork"> <a href="http://www.twitter.com" target="_blank" class="twitter"></a> <a href="http://www.facebook.com" target="_bl

    0熱度

    2回答

    雖然我可以看到這個問題已經被問到,我真的需要一個解決方案,而不使用JQuery,它的嵌入式Web界面,我不想加載jQuery的開銷。我需要能夠使用單個頁面上的JS來操作精靈,精靈的狀態依賴於某些JS變量。我相信這一定是可能的,但如果不使用JQuery就不能找到任何東西。

    1熱度

    1回答

    我有一堆圖像有不同的尺寸。 Compass非常適合將所有文件編譯爲單個精靈,根據文件名生成類並將背景位置應用於它們。 Compass是否也可以將寬度和高度屬性應用於這些生成的類? $iconsWithDifferentDimensions-layout: smart; @import "iconsWithDifferentDimensions/*.png"; @include all-icon

    3熱度

    1回答

    我正在嘗試使用背景圖像作爲精靈,具有可變尺寸的元素。因此,我使用基於百分比的值爲background-size和background-position。 我在戲中遇到的問題,此(最新版本,12.14)。我懷疑這是background-position和background-size的組合與導致錯誤行爲的基於百分比的值。我徒勞地搜尋了任何有關的信息,或一個公認的問題。 爲了演示我正面臨的問題,我創建

    1熱度

    1回答

    所以我想要動畫我的導航鏈接背景是Css精靈。 這樣的畫面:http://img689.imageshack.us/img689/2996/menufc.png $(document).ready(function(){ $('nav a') // On mouse over, move the background on hover .mouseover(fun

    2熱度

    2回答

    看看此時Google正在顯示的主頁。截圖如下。 而不是使用這個作爲一個圖像的谷歌使用的CSS精靈。子畫面圖像 提供如下(尺寸變化): 問題是爲什麼CSS子畫面使用一個單一的圖像,而不是?如果使用單個圖像,那麼HTTP請求的數量是否與此css sprite案例中的數量相同?