css-sprites

    0熱度

    2回答

    我試圖讓css sprites正常工作。我的圖像由兩部分組成。左邊是黑色,右邊是白色。 下面的代碼顯示了圖像的白色部分。如果我在#item0中將-40px值更改爲0,它將顯示黑色和白色部分。 我不能讓它顯示圖像的黑色部分。你能發現我做錯了什麼嗎? <style type="text/css"> #menu-left { width: 200px; backg

    0熱度

    1回答

    大家好我正在找出所有關於精靈以及它們如何加快你的網頁的過程。 所以我用spriteMe創建一個整體sprite圖片是130KB,這是由14個圖像的約65KB 因此,它是更好的組合總規模有一個HTTP請求和文件大小爲130kb或14個請求共65kb? 此外,還有一個詳細的圖像,已經被放入大約60kb的奇怪大小,這曾​​經是一個單獨的jpg圖像,只有30kb。我會更好地分離並承受額外的要求嗎?

    -3熱度

    2回答

    我想要的CSS Sprite與此圖像 我的HTML代碼; <div class="top"></div> <div class="bottom"></div> <div class="right"></div> <div class="left"></div> 和css代碼; .left{ background : url(arrw.png) no-repeat 0 0; width

    0熱度

    1回答

    我已經嘗試了很多東西,我無法弄清楚爲什麼精靈沒有出現。該按鈕有三種狀態:正常,懸停和活動。 #continue_btn { float: right; margin-right: 15px; width: auto; width: 229px; height: 43px; background-image:url(_img/continu

    1熱度

    1回答

    如何在compas sass中生成諸如「right -300px」的精靈位置? 我發現sass只能輸出數字中的背景位置,但有時我需要將精靈位置對齊或對齊,怎麼做? 請看看我的代碼波紋管: <style type="text/css"> /* ------- scss ------- */ $map_btn: sprite-map("sprite_btn/*.png");

    0熱度

    1回答

    我的精靈動畫完美地完成奇怪的點擊(1,3,5 ....),使開關處於向下位置,但我無法獲得均勻點擊( 2,4,6 ...)來啓動將開關置於上位的動畫。跨瀏覽器CSS從帖子中刪除,但在小提琴中。 http://jsfiddle.net/aNsHU/8/ HTML <div class="switch s-up"></div> jQuery的 $(document).ready(function(

    0熱度

    1回答

    我想淡入淡出使用css3的圖像(sprite)。下面的代碼給出了所有圖像的過渡。幫助我淡入和淡出css sprite中的下面的圖像。 HTML代碼 <div class="navigation"> <div class="navigation1 process-normal" id="process"></div> <div class="navigation1 works-n

    1熱度

    1回答

    我對CSS很新,我總是試圖自己弄清楚這些事情,但是這個讓我陷入了太久......一點幫助非常感謝。 :-) 基本上,我所要做的是一個帶有居中容器的頁面,該容器包含4個不同部分,它們佔據容器寬度的100%。現在,棘手的部分是:這4個部分中的每一個都具有不同的紋理背景,它們延伸到居中容器之外並佔據頁面的100%寬度。 這裏是基本的線框: http://i.imgur.com/Qlwjb.jpg 我想了

    2熱度

    2回答

    從指南針生成精靈時,無法獲取圖像寬度和高度。我爲我的實時手錶使用Scout,並且已經配置了我的圖像文件夾。我想讓我的圖片在一個名爲common的文件夾中精靈。 這裏是我的代碼 @import "common/*.png"; .facebook { @include common-sprite(facebook); } 這個工程生成背景的位置,但我想要得到的寬度和高度。 任何將是太棒了!

    0熱度

    3回答

    我有一堆圖像,我已合併爲一個PNG。我正在嘗試使用這些圖像來製作CSS Sprite類。 <style> img.plusOne { width:50px; height:50px; background:url(acknowledgement.png) 0 0; } </style> <body> <img class="plusOne" src="acknowledgeme