为了方便，就用你提供的图片吧无非就是一次加载，到客户端，提高页面访问速度只要需要背景的地方就可以应用，当然，大多数都是修饰按钮等，修饰类用图不说多余的了，贴代码吧Up to youohno background#CCC urlquot target=quot_blankquot norepeat 0 110pxwidth180pxohno2。

1首先我不给div定位来看看两个div在浏览器中是如何显示的，具体的代码如下如下图，可以看到两个div在没使用定位的情况下显示的位置，我们可以发现div是个块，自动换行了2相对定位首先给div2使用相对定位，用positionrelative来实现的，具体的代码如下可以看到如下图，div2的位置离div1的。

nthchild2 zindex 1 ltstyleltbody ltdiv ltimg src=quot1pngquot alt=quotquot ltimg src=quot2pngquot alt=quotquot ltdivltbodylthtml将第二张图片定位的方式定位到都一张图片的上面，再通过zindex调整 第二张图片 z轴的位置。

简单的原理就是控制backgroundposition这个值你有一张大图里面是很多小图拼起来的，如果你一个div要显示的背景图片是距离左上角10px 10px位置的只要设置backgroundposition10px 10px所以，你要先确定你那个小图片距离左上角的左边，假如是300px 100px小图片的宽高假设是100px*50px代。

ltstyle#boxwidth500pxheight500pxpositionrelative#box imgwidth100pxheight100pxpositionabsolutetop50%left50%margintop50pxmarginleft50pxltstyleltdiv id=quotboxquotltimg src=quotxxxjpgquotltdiv原理是图片定位距离容器的上边和左边各50%，然后用margintop和ma。

一种方法，你把这张图片设置成背景图片第二种方法用定位布局，看下边代码ltdiv class=quotd1quot style=quotpositionrelativequot ltimg src=quotquot width=quot100%quot height=quot100%quot ltdiv class=quotd2quot style=quotpositionabsolute width100px height100px right0px bottom0pxquotltdivlt。

如果你想这张图片做为背景的话，就照前几位说的，backgroundurl图片地址 norepeat bottom如果你想这张图片不做为背景来显示的话，这个不管这么高的div中要加css样式相对定位positionrelative然后图片中加css样式positionabsolute，bottom0px应该可以试一下。

1第一种css代码如图所示display设置成tablecell，textalign为center，垂直居中设置verticalalign为middle2打开浏览器查看结果，图片已处于正中状态3第二种方法css代码如图div设置成相对定位，img设置成绝对定位，然后left50%，top50%，此时图片的左上角将位于div的中心重点图片向上移动图片高度的一半，并向左移动图片宽度。

正确的方法是图片的父及元素相对定位 + 图片本身绝对定位 下面例子中p就是图片的父级元素，父级元素要有相对定位属性，当然p也可以换成div或其他标签，或者图片的父级元素p上不加相对定位属性，而在p的父级上面加相对定位属性也行html代码ltp class=quotxiangduiquotltimg src=quotpng图片地址quot class。