请教一下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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿