Question

css+div截取背景图片中相应图片

谁知道用css+div的方式及position定位的方式如何在背景图片中截取相应的某部分图片

最好把html css都贴出来

谢谢了。

Answer 1

为了方便，就用你提供的图片吧 无非就是一次加载，到客户端，提高页面访问速度 只要需要背景的地方就可以应用，当然，大多数都是修饰按钮等，修饰类用图。 不说多余的了，贴代码吧 Up to you .oh-no {background:#CCC url(

" target="_blank" >

) no-repeat 0 -110px;width:180px;} .oh-no2 {margin-top:5%;border:2px dotted #F00;background:#000 url(

" target="_blank" >

) no-repeat -150px -150px;width:100px;height:500px;} --> Test2 第一个应用是在按钮上，通过background-position属性中位置的值来进行定位，基本格式是background:#颜色值 url(图片地址) 重复与否 2个位置值 background:#000 url(../../none.jpg) no-repeat right left; 其中right和left的位置就是你想要的答案。如果是简单的想背景图居左就是left，上就是top依次类推，但常用的是通过数值，按照X和Y轴进行定位。 最重要的一步就是值的设定，再准确点，就是负值的设置。通过负值，才能使图片向上推移，到达你想显示的部分。 说的有点繁琐，还不太明白的话，可以百度消息

Answer 2

这样的：#nav{ width:962px; height:30px; margin:10px auto 0 auto; background:url(../img/all.png) no-repeat 0 0;}

下面又图片，关键在这句background:url(../img/all.png) no-repeat 0 0； 第一个0 表示X轴的坐标，第二个0是Y轴的坐标，

Answer 3

背景定义：
background: url(../../none.jpg) #000 no-repeat 0px -20px;
0px表示X轴的坐标，-20px是Y轴的坐标

background-position 可以由方向定位：
即 left、right、top、 bottom 如：background-position： left top；

background-position 也可以用数值定位：
即： background-position： 0px -20px;
说明此时的背景图显示的是 距背景图左边 0像素 上边 -20像素的图片区域；
此前需要把容器的宽度和高度与需要用到的背景图区域的大小保持一致。

Answer 4

了解下css spirte技术吧 其实很简单的~
推荐你一个
http://cn.spritegen.website-performance.org/

Answer 5

就是用position 来定位。