www.bcmx.net > Css spritE gEnErAtor

Css spritE gEnErAtor

css精灵. 比如你的css里面设置了好多background-image背景图片,这些个图片都是单个的。网页在加载的时候,每一张图片都会发起一次请求。这是非常老的做法了...以前做网页都追求这样,图片越小越好,现在的作法就是:把这些小图片全部放到一张大...

说说原理先: CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。...

.d{ background:url(tb.bmp) no-repeat;width:22px; height:18px; display:inline-block;} .d1{ background-position:-7px -113px;} 跟你稍微讲下,是你CSS技术不过关! span是内联元素,内联元素不可以设置宽高。你设置了 但是没有效果,没有...

Css 精灵 把一堆小的图片整合到一张大的图片上,减轻服务器对图片的请求数量。

可用FW,切片工具,以左上角为起点0.0,画矩形至背景元素的左上角,XY对应背景定位-X-Y,这是最容易,最简单的定位方法了。也可以加群68909396一起讨论研究。

把这些图用PS合成一张大图,所有的背景都使用这一张大图做背景,然后用background:position这个属性定位背景图片,调试成你想要的位置。可以在FF里有FIREBUG在浏览器调,然后记下数字,在CSS里改。

支持啊,什么浏览器都支持。。。。。因为只是一个background-postion的改变而已,并不是新技术或者功能。将同类型的UI合并到一张图片上,一则目的是减少请求数量,二则css调用缩写的代码量也会大大减少。UI色彩比较少的建议使用png8格式,现在的...

注意:不要等到你完成切片之后才开始sprite. 如果你边切图边写CSS,然后等你完成了整个网站之后再来拼接这些图片到一个Sprite中,你就不得不完全重写你的CSS,你也必须要花费很多的时间来用PS拼接大量的图片——这是件令人倍感纠结的事情。但是如...

CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。 当页面加载时...

使用sprite sheets。看这里的介绍 http://beyondvincent.com/?p=258#spritesheets

网站地图

All rights reserved Powered by www.bcmx.net

copyright ©right 2010-2021。
www.bcmx.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com