日期:2014-05-17  浏览次数:20790 次

请教一下CSS中背景图片的定位问题
各位高手,大家,早上好!
  本小白,想请教一下,CSS中背景图片的定位问题。听教程说,现在的背景图片,为了速度和响应,都是把很多需要用的图片整合到一张大图片上,用到时候在定位整张大背景图片中需要用到的部分,比如,这里有一张大背景图片,

上面有很多东西,如果我想定位其中我需要用到的东西,我是如何来确定该图片在整张图片中的位置(background-position)的,就是靠标尺来量吗?如何精确的量?或者有没有一种方便快捷的量的方法?另外我用到具体的页面中,又是如何确定图片在整张页面中的位置的,谢谢。
比如有一行我上面图片的定位代码,是来定位右边第四个蓝色的小背景框的。

CSS code
background-image: url("http://i.imgur.com/iavER.png");
background-position: -228px -136px;
background-repeat: no-repeat;
border: medium none currentColor;
color: #FFFFFF !important;
font-weight: 700;
height: 16px;
line-height: 16px;
width: 20px;





------解决方案--------------------
一般都是ps打上标尺 来量

------解决方案--------------------
用ps的选区工具来测量距离,然后 ctrl + i 中的信息面板来获得数值。
其实有时候最笨的办法,反而是最快的办法。

------解决方案--------------------
2楼说得对。就是用PS工具来。其实有时候最笨的办法,反而是最快的办法。
------解决方案--------------------
量吧...
------解决方案--------------------
目测一个大概的数值
然后在firebug等工具中微调效果才能达到最佳
------解决方案--------------------
1,2,3楼 ++