抓取css里的图片

html-css013

抓取css里的图片,第1张

url(dot_01.gif)的话就说明这个图片和CSS文件在同一个目录下，比如CSS文件是在http://www.pplive.com/zh-cn/目录下，那么dot_01.gif也在http://www.pplive.com/zh-cn/下面。

所以真正的地址是http://www.pplive.com/zh-cn/dot_01.gif

上面是推断，没有去看CSS地址。

如下图所示：背影图片的左上角相对当前元素左上角的坐标。右为X轴正半轴,下为Y轴正半轴。当前元素

左上角坐标为0,0默认图片的左上角正对当前元素的左上角：如果图片想向左移10px：

1、background:url(images/hh.gif) no-repeat -10px 0}

如果图片想向上移10px：

1、background:url(images/hh.gif) no-repeat 0 -10px}  

CSS背景图片坐标设置实例：

1、background:transparent url(/images/***.png" target="_blank" > 

有一个简单的方法，通过photoshop来获取png的坐标，用正方型选择工具，从左上角，也就是X，Y坐标0位置开始托拉到你要获取的背景图片的位置，然后按F8键就会弹出当前的信息。

得出的结果，有高，宽值信息，高的负值就是CSS position属性里面的Y值，宽的就是X值，如果有更好的方法希望有朋友能够分享一下。