请教一下CSS中背景图片的定位问题_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 12:11:52
原创
1215 人浏览过

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

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

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楼  ++

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板