当前位置: 代码迷 >> HTML/CSS >> png 里边有很多图,如何用指定那个
  详细解决方案

png 里边有很多图,如何用指定那个

热度:220   发布时间:2013-02-06 14:02:21.0
png 里边有很多图,怎么用指定那个
那些小图全部都在一个png图片上了
比如我想用word的那个图该怎么弄?  用excel那个图呢?


------解决方案--------------------
background:url() 0px 0px; 这后面的两个数值 就是 用来定位图片的。比如 现在 0 0  默认的就是左上角的那个图片  100%  100%  就是 右下角那个。顺序是 第一个数字 是左右  后一个 上 下。

------解决方案--------------------
css里设置background-position
比如要的图标x方向偏移300px,y方向偏移20px,就这样
background-position: -300px -20px;

------解决方案--------------------
CSS魔法技术可以满足你的要求,详情见:http://www.scriptlover.com/static/374-css-sprite
------解决方案--------------------

用 clip:rect(上、右、下、左)
或 background-Position:x y;定位 +width,height
------解决方案--------------------
background-position: -300px -20px;
  相关解决方案