在ASP.NET中自动合并小图片并使用CSS Sprite显示出来

  前几天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的示例:

image

  图中所标记的图片都是来源于一个整张的图片:

  image~/App_Sprites/categories/sprite0.png

  image~/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显示出来,转载需保留来源!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。