css-sprites

    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

    1熱度

    4回答

    我在調整瀏覽器窗口大小時調整了sprite的大小。 該模板的remiander是密集的,包括導航菜單。 sprite保持不變,並在調整大小時伸出頁面。 我將如何使它大小一樣的模板(除去寬度滾動條) 的其餘部分如果你只是正確地刪除精靈一切顯示器。 我創建了一個小提琴,但它沒有顯示出我點擊結果的時間。 我已經上傳網頁到這裏: Test Page 謝謝。

    0熱度

    1回答

    您好我目前正在編寫一個基於CSS 3的精靈生成器,我的問題是:什麼是最好的做法來顯示CSS3背景圖像與捆綁精靈圖像基於不同原始圖像大小連接的垂直圖像? 我在這裏jsfiddle試過這個, .gui-background-brand-nodejs-64, .gui-background-brand-grayscale-nodejs-32{ background-image: url("ht