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

WBOY
Freigeben: 2016-06-24 12:11:52
Original
1214 Leute haben es durchsucht

  各位高手,大家,早上好!
  本小白,想请教一下,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;
Nach dem Login kopieren




回复讨论(解决方案)

一般都是ps打上标尺 来量

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

2楼说得对。就是用PS工具来。其实有时候最笨的办法,反而是最快的办法。

量吧...

目测一个大概的数值
然后在firebug等工具中微调效果才能达到最佳

1,2,3楼  ++

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage