css-sprites

    0熱度

    1回答

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

    4熱度

    1回答

    產生我有這樣的代碼在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,

    0熱度

    1回答

    當我在Windows 7中進入高對比度模式時,背景圖像變得不可見。這是操作系統積極地跨過了CSS中的所有background屬性。 (我不確定這是如何工作的)。我想知道如果這些屬性可以被覆蓋,並使用擴展或用戶樣式的CSS可見。 例如,這裏是在Amazon.com上的背景圖片得到劃掉的CSS屬性(包括評級明星圖片) .srSprite { background: url("http://g

    1熱度

    3回答

    我已經閱讀了很多關於在css中使用精靈圖標和徽標的好處,但這似乎主要用於無損格式,如gif和png。我想知道如果jpegs和圖像的好處還在嗎?我想從許多可能以不同順序顯示的較小圖片構建標題。將它們組合成單個jpg還是會有正常使用sprite的速度優勢嗎?

    1熱度

    2回答

    我知道你可以通過使用CSS sprite來減少頁面加載時間。因爲這會減少往返等。 是他們的任何數值或性能測試,通過使用CSS sprite可以保存多少平均頁面加載時間。我知道這將取決於網站。我有興趣瞭解像Amazon.com這樣的電子商務網站的一般數據。 此外,如果您使用異步圖像加載如JAIL您可以節省多少時間。我知道你不能異步加載所有東西。

    3熱度

    1回答

    有一個插件LESSC這將讓我做一些事情,如: LESS .icon-xyz{ .sprite('image1.png'); } .icon-abc{ .sprite('image2.png'); } 輸出在生產模式合併精靈,並與各圖像保持開發模式? 北斗如何與上海社會科學院類似

    0熱度

    2回答

    我試圖加載爲我建立一個菜單spritesheet,但不是一次顯示一個圖像,它顯示在元素不同位置的整個spritesheet。 這是使用兩個圖像我的CSS代碼: #mymenu ul.menu > li > a.haschild { background: #000 url("../images/right.png") no-repeat right center; } #m

    3熱度

    2回答

    我希望將jQuery圖標添加到另一個插件添加的類(jquery.tablesorter.js),具體而言,我希望將圖標ui-icon-triangle-1-n添加到.headerSortUp類的tablesorter。 我想添加下面的類,但不能爲我的生活如何制定一個精靈它。 table.sortable thead tr .headerSortUp { cursor: pointer;

    0熱度

    1回答

    對於具有大量圖標的應用程序,我想製作一個圖像精靈。 由於我在網頁設計/前端Webdev的土地開始了我的「冒險」,我一直在想:背後是什麼background-position: (left)<number>px (top)<number>px; 邏輯。當你比較這對速記屬性要麼填充或保證金(當只指定頂部和左邊),這些都是property: (top)<number>px (left)<number>p

    0熱度

    1回答

    我知道如何使用純CSS和CSS的CSS精靈。但是如果我通過使用javascript從下拉框中選擇一個值來改變圖像呢? <select name="pricing" onchange="check_pricing();" id="pricing_value"> <option value="">[Please Select]</option> <option value="Fre