|
前幾天MS的ASP.NET小組推出了一個(gè)小組件:Sprite and Image Optimization Framework,用于生成Sprite CSS,及將小的圖片生成一副大圖。
下載地址:http://ASPNET.codeplex.com/releases/view/50140
8189E6B8-FBE4-4F01-8F9F-5687C0EA9F59
下載后工程中有一個(gè)類庫(kù),一個(gè)ASP.NET WebForm示例以及一個(gè)ASP.NET MVC示例。
圖中所標(biāo)記的圖片都是來(lái)源于一個(gè)整張的圖片:
~/App_Sprites/categories/sprite0.png
~/App_Sprites/popular/sprite0.png
而這個(gè)整張圖片則是由Sprite and Image Optimization Framework自動(dòng)以幾個(gè)小圖片合并并生成類似下面的CSS:
.popular_azureLogo-png{width:32px;height:30px;background-image:url(sprite0.png);background-position:-0px 0;}
NET技術(shù):在ASP.NET中自動(dòng)合并小圖片并使用CSS Sprite顯示出來(lái),轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。