一张由多张小图片ps成的大图,在css中的background中调用小图片,这个要怎么调用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一张由多张小图片ps成的大图,在css中的background中调用小图片,这个要怎么调用相关的知识,希望对你有一定的参考价值。

这是css sprite的内容,能够减少下载的申请数,加快网页显示的速度,网上也有不少网站可以帮你做的。把小图片上传,由网站服务器帮你合成一张图。记得一点,经过许多人测量得到的结果,最后拼出来的图,横宽大的图片,体积会略微大些。所以记得做成长度大些,横宽小些的图片追问

能给我个具体的网址吗?

追答

http://csssprites.com/
或者http://www.floweringmind.com/sprite-creator/index.php,这在百度和google里面很好找。
上传图片,服务器给你合成一张大图

参考技术A background-position:X Y;

其中X代表横向坐标

Y代表纵向坐标;

都可以为负值。单位XP、
参考技术B 利用background-position:来控制位置,
比如background-position:-100 -100;
这样是显示大图中100,100开始的小图片
当然具体是多少自己看追问

这个坐标定位太烦了啊~~~

追答

。。。那木有办法,,,拼图做背景应该就是这么算出来的吧,不够对网页比较有好处啊

可以用ps来查看定位啊,不需要一点点的测量,

word怎么把几张图片合成一页打印出来?

两种方法:

1、假如有4张图片,分别在4张纸上;那么,直接点击打印设置,

2、在缩放中,每页的版数,设置为4即可。也可设置6、8、16的数值。

3、如果只是一张纸打多个图片,可以直接将图片插入到WORD中,缩放图片大小。

4、之后再打印即可,会PS的,用PS操作更方便。

参考技术A 把图片插入word页面
然后调节图片大小
调整到一页,并且调整图片属性
把图片显示属性改成四周环绕

以上是关于一张由多张小图片ps成的大图,在css中的background中调用小图片,这个要怎么调用的主要内容,如果未能解决你的问题,请参考以下文章

如何用HTML 、CSS在大图片上放置另一张小图片?拜托了!

wx小程序只有一张图时显示大图,多张图时显示一排三张,如何实现?

取一张大图含有多个小图的某一个小图的css样式,最好发一个实例给我,谢谢。

WPF图片浏览器(显示大图小图等)

(10)背景图片操作

CSS背景渐变图片问题