CSS切图问题,所有背景图标都集合在一张图上,这图是怎么切出来的?求大神指点.

如下图:

用CSS的背景定位就OK了。
比如 background:url(../images/ico.png) no-repeat -20px -100px;
如果ico.png就是你给的这张图的话,那么这个背景图片的显示位置就是从这张图的横坐标左移20px.纵坐标上移100px处开始。知道这个原理了我想你应该知道怎么弄了吧。
比如你的一个按钮要用到图中的某个按钮,你只要通过切图软件知道该按钮的宽和高,然后知道该按钮距离左边界有多远,距离上边距是多少。这样就能通过定位来实现了。。
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2016-04-08
是sprite吧,这种方法用来处理背景图片比较好,可以省去不少请求数量。
用作背景:设置一个元素的高宽,通过background-position调整背景图的位置,使需要的部分露出来,其余地方被隐掉。
用作一般图片:与上面原理相同,只不过是设置该图片的pisotion将需要的部分显示出来,父元素overflow:hidden。由于需要多加无谓的标签,频繁使用定位,对性能和语义化都有比较大的影响,很少有人这么用。
当然,我这里说的也比较片面,你可以搜css sprite了解更多相关情况。本回答被提问者采纳
第2个回答  2013-10-18
一般称这种图为sprites。
css里把这张图设成background-image.然后用background-position就可以切了。
你上网搜css sprites教程,就会有很详细的介绍。
第3个回答  2013-10-18
TexturePacker

可以用这个软件打包

CSS切图问题,所有背景图标都集合在一张图上,这图是怎么切出来的?求大...
是sprite吧,这种方法用来处理背景图片比较好,可以省去不少请求数量。用作背景:设置一个元素的高宽,通过background-position调整背景图的位置,使需要的部分露出来,其余地方被隐掉。用作一般图片:与上面原理相同,只不过是设置该图片的pisotion将需要的部分显示出来,父元素overflow:hidden。由于需要多加...

css切图是什么意思
怎样实现CSS切图?实现CSS切图的方法有很多种,比如使用图片编辑工具将需要的图片切割并导出,然后将切割好的图片属性写入CSS样式表中,根据需要对图片进行布局。此外,也可以使用CSS3技术进行图片样式的设置,例如边框、圆角和阴影等,使网页设计更加美观。为什么要进行CSS切图?进行CSS切图可以将页面中的图...

...这种背景的页面怎么切图的啊。。。主要是背景怎么整的。。。_百度...
1、切成整张大图,需要做链接的地方,画上不规则热区就好了!这种比较简单些。2、图片什么样,就切成什么样,每张小图都单独切出来(注意:要做成png格式保存,背景设置为透明),然后写html的时候,用css画出等大的不规则图形,吧图片当做背景加进去,然后用css绝对定位一下,如有链接加链接,完美实现...

如何用css显示一个图片中多个小图标?
首先先将你要放置背景小图标的元素的大小设置成图片里图标的实际大小,用width和height设置,然后用background-image把背景图片放进去,比如:.showImage{ background-image: url(9pic2.jpg); width: 100px; height: 100px;}这么设置完毕后,大图片左上角那个小图标(这里假设是100*100的小...

html 怎样将一张图片切割成多张图片之后设置这些图片的位置
如果不想使用PS来编辑图片,可以在网页中直接用多个DIV+CSS实现,先设置好各个DIV的位置和大小,然后用CSS指定该图片为背景图片,只要把background-position的值计算好,就可以使DIV显示图片的不同部位,实现拼图效果。

CSS切图怎么切,稍微提点一下
这个是不一定的,除非你经常会用到那些图标 用ps把这些图标放在一张图片上,然后用css样式控制它的坐标显示出你需要的小图标。不晓得我说清楚没。

logo和别的图在一起了,怎么切
直接把那个logo切下来,当做背景,做页面的时候,你肯定还会把logo旁边的背景也得切下来,其实你用“切图”工具做的话是没有间隔的,原图是什么 ,切下来后会怎么样组装好,只要你css没问题,你做了的页面和做图的是一样效果。

css+div怎么切图
先根据图片的结构,构思一下,DIV怎么布局,然后按照你想的,把每个div需要的图片切出来,然后用CSS进行位置等进行调整。

网站设计中的切图是什么意思
效果图一般都是一整张的,到网页中显示时需要是用DIV+CSS布局,把图片拼接起来,所以需要把效果图先切图。切成一小块一小块。

请教高手一个关于fw切图问题,实在受不了了,弄一天了都不行!
在DW里打开CSS面板,右击CSS面板空白处,新建,新建一个样式,名字为.bj,设置仅对文档有效,然后选左侧背景,选背景图片,重复里选不重复,水平位置给100像素,但是要根据你的图和实际位置定,垂直位置选底部,确定。然后在DW的标签选择器里你找BODY,在BODY上右击,选择设置类,选bj(刚才起的样式名...

相似回答