css-sprites

    1熱度

    2回答

    我有這個提琴從圖像精靈中生成單個國家的標誌。我想擠壓每個國旗,因爲國旗的寬度似乎太寬了。 JSFiddle Demo 例如挪威國旗太寬的jsfiddle樣本。 我該怎麼做?謝謝。 #flag1 { width: 120px; height: 60px; background-image: url(http://i.hizliresim.com/e7Y5dm.png);

    1熱度

    1回答

    在我的博客中,我有兩個CSS精靈圖片旁邊eachother(因爲他們都有不同的尺寸,並在我要告訴你的HTML代碼,他們都只能有1集高度和寬度)。我不知道爲什麼,但其中一個不認識'懸停'屬性,並且鏈接也沒有顯示出來! ALSO一兩件事:它的工作原理上的jsfiddle,但不是我的網站:http://aergaergerg.blogspot.com.au/ 這裏是我曾經對他們倆的代碼: HTML:對於

    0熱度

    1回答

    我在此處創建了一個博客模板:http://aergaergerg.blogspot.com.au/,正如您所看到的「精選帖子」的按鈕爲空。我想知道如何通過html小工具本身或css或任何可能的方式向他們添加文本。有些人可能會建議在圖片中加入文字,除了我的問題是因爲它是'精選文章',顯然這些鏈接會發生很大的變化。下面是想什麼,我實現了圖片: 總之,這裏的HTML的功能後按鈕(CSS精靈): <!--

    0熱度

    2回答

    我的文件夾中有a.png和b.png兩張照片,這是我的SCSS代碼: @import "icon/*.png"; @include all-icon-sprites(true); 編譯結果: .icon-sprite, .icon-a, .icon-b{ background: url('/images/icon-s351f62e8ff.png') no-repeat; } .

    1熱度

    2回答

    我期待創建一個加載精靈,它將在所有瀏覽器中工作,因爲當前IE將在調用新頁面時停止.gif文件中的動畫。 到目前爲止,我有這個功能: counter = 1; //how many slides have we seen function loadingWheel(loc) { var img = $('.img_working'), //this is the div with

    1熱度

    1回答

    我使用http://fotorama.io/來製作幻燈片,並且由於imgs的數量增加了我的頁面加載時間。 Fotorama可以從您的圖像自動生成縮略圖。爲了幫助加載速度,我將這些圖像組合成一個CSS sprite。它似乎需要一個「img」標籤來生成縮略圖。 有關如何在不使用「img」標籤時顯示拇指的任何想法?

    0熱度

    1回答

    我正在使用CSS精靈表爲我爲移動設備創建的頁面。我有我怎麼想它的佈局,這裏是我使用的CSS(這看起來Chrome Canary版的iPhone 3GS模擬器罰款): div#logo { background: url('/static/images/iphone/iphone_landing_sprites_small.png') -114px 0px no-repeat;

    0熱度

    1回答

    我在css垂直sprite中有4個圖像,我希望每個圖像在我的頁面上水平變爲href。從每個圖像之間的left:250pxtop:2px開始並且填充3px。 CSS .sprites { background:url('/pic/sprites.jpg')no-repeat top left; width:36px; height:36px; } .sprites.

    0熱度

    1回答

    在我的個人網站中,我使用精靈來顯示聯繫人圖標(即Skype,電子郵件等)。 最近我需要在sprite中添加一個新圖標,因此我創建了一個新的圖標(sprite)並將其上傳到我的FTP文件夾。 一切正常本地主機但它不起作用在我的託管網站。 Localhost Hosted 正如你所看到的,的locahost圖片已經得到了LinkedIn圖標,這是我想補充,但託管網站上它不存在。 Sprite Host

    0熱度

    1回答

    我收集了一批國旗精靈here。 它是如何工作的基本: 它包含所有標誌一個PNG文件,這是作爲一個階級的背景。 每個標誌都有一個不同的子類,它是背景的位置。 .flag { width: 18px; height: 12px; background:url('images/flags.png') no-repeat } .flag.flag-ao {background-position