css-sprites

    3熱度

    3回答

    我正在生成CSS精靈。我想要使​​用這些精靈的多種尺寸。我搜索了,但一直沒能弄清楚如何在功能上縮放CSS sprite - 例如。如果原始精靈在150x150,我想以50x50顯示,我該怎麼做? background-size似乎打破它。 我可以在需要的大小生成精靈,但是當我通過ImageMagick的-resize執行此操作時,我會引起明顯的分辨率問題。通常,如果我發現圖像在網頁上的分辨率低得無

    2熱度

    2回答

    我想使用一個登錄按鈕集(courtesy of Komodo Media)爲我的ASP.NET MVC3網站和指定的圖標對應的按鍵,但按鍵設置爲一個單一的形象: 除了與圖像編輯器將在並將圖標拆分爲單獨的圖像文件,有沒有辦法用代碼來做到這一點?我知道類似的事情與計算器的標記按鈕做,但我不知道該怎麼做同樣的事情編程(不知道正確的任期任): 什麼是正確的方法「映射「圖像的不同部分來分開按鈕?

    1熱度

    1回答

    我想爲CSS圖像菜單設置活動類。我試圖將活動選擇器設置爲與懸停選擇器相同,但不起作用。 CSS #menu li a.fooa { background-image: url(/images/foo_a.png); height: 20px; width: 20px; } #menu li a.foob { background-image: url(

    0熱度

    1回答

    創建ActionImage這是一個跟進我剛纔的問題:How do you map areas on icon set to buttons? 我決定把我自己的HtmlHelper擴展,以創建一個ActionImage鏈接,所以我拆解一些流行的擴展張貼在SO和得到這個: // Controller/Action Image Link public static MvcHtmlString Acti

    4熱度

    1回答

    我想獲得一個放大鏡作爲我的輸入元素的背景。放大鏡圖標是一個CSS Sprite的一部分,看起來像這樣: 放置它,我用這些屬性: #search-form input[type="text"] { background: url('../images/icons.png') no-repeat left center; background-position: 0px -30px

    4熱度

    4回答

    我有一個列表,並且每個<li>都有一個圖標和一個文本。 圖標的圖像是精靈圖像,所以我需要設置li的background-size具有圖標的大小。 我怎樣才能做到這一點與CSS?

    0熱度

    1回答

    有沒有可以通過將PNG圖像組合成GIF來生成CSS精靈的Ruby gem? 我正在尋找一個支持命令行的程序。我發現了幾個,但他們或者只能用Rails工作,或者只能生成PNG精靈,而不能用gif。

    1熱度

    2回答

    我有一個圖像,我想用於其他目的,其中的頂部80px,剩餘的圖像,我想設置爲一個完整的頁面背景圖像。 我試過設置: background-position: 0px -80px ,但它不工作。 如何正確使用css sprite(背景位置)和整頁背景圖片?

    5熱度

    5回答

    我用一個css精靈來顯示固定寬度設計的背景。我改變爲流體佈局,但由於背景位置,當瀏覽器調整大小時,背景圖像變得不可思議。 是否有可能使用具有流體網格背景的css精靈,它在哪裏調整佈局的大小? 我需要佈局與其他最新的瀏覽器

    0熱度

    4回答

    我有一個圖像,其中包含幾個字, 當一個詞像「好」或永不懸停,我想要移動它。 對於一個像我知道該怎麼做: #imgHover:hover { margin-top: -5px; } <img id="imgHover" src="http://www.phrases.org.uk/images/most-common-words-in-english-proverbs-1.gif"/> ,但我