前幾天MS的ASP.NET小組推出了一個小組件：Sprite and Image Optimization Framework，用于生成Sprite CSS，及將小的圖片生成一副大圖。

　　下載地址：http://ASPNET.codeplex.com/releases/view/50140

　　8189E6B8-FBE4-4F01-8F9F-5687C0EA9F59

　　下載后工程中有一個類庫，一個ASP.NET WebForm示例以及一個ASP.NET MVC示例。

　　下面我們就看看ASP.NET MVC的示例：

　　圖中所標記的圖片都是來源于一個整張的圖片：

　　~/App_Sprites/categories/sprite0.png

　　~/App_Sprites/popular/sprite0.png

　　而這個整張圖片則是由Sprite and Image Optimization Framework自動以幾個小圖片合并并生成類似下面的CSS：

.popular_azureLogo-png{width:32px;height:30px;background-image:url(sprite0.png);background-position:-0px 0;}        

        

        
        
      
        
NET技術：在ASP.NET中自動合并小圖片并使用CSS Sprite顯示出來，轉載需保留來源！
        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。