课程：

• 1、ps cs5中如何将图层定位到背景上？
• 2、css设置背景图定位的问题
• 3、CSS中背景图片定位怎么只知道图片的具体坐标？
• 4、CSS使用图片做背景，如何精确定位图片位置
• 5、div+css布局时对一张背景图片上多个小图片定位实现的方法

ps cs5中如何将图层定位到背景上？

　1、如果文档中原来有背景图层，那么双击背景图层，把背景图层变成普通图层。如下图：

双击背景图层后，原来的背景就变成了普通图层，

2、把图层1拉到图层0的下面，图层0就变成了背景图层。

css设置背景图定位的问题

你查查background-position并练习一下就知道了，背景图的两个偏移值可以用background-position: x y;表示。x是水平位置偏移，y是垂直位置偏移。

你可以用坐标来理解，图片左上角的坐标就是0 0。如-683px -162px就是：水平偏移683px，垂直偏移162px

具体的数值是根据你图片来定的，如下图：黑色的图片距离左边30px，距离顶部60px，那么background-position的两个值就是-30px -60px

CSS中背景图片定位怎么只知道图片的具体坐标？

这个回答起来有点复杂，background-position:right -108px 就是你图片往左108个像素，这要发挥你的空间相像力，如有两个十字架，粗细一样，但长短不一样，然后短的十字架是固定的，那么你只有移动大的十字架，才能把两个十字加相互重合起来，要计算小ICO的位置，公式应该是：-（ico绝对位置-定义对像的绝对位置）

CSS使用图片做背景，如何精确定位图片位置

根据你的图片做了下面的样式，主要做法是定位，切割图片，可以使用windows的画图工具先定位每个你需要的图片的位置（在下面的状态栏有坐标，得到的坐标前面加上一个负号），图片左上角为x/y对应的0/0， background-image：相对地址指定背景图像， background-position：指定背景图像位置， 下面是例子，这个要多练习研究就会了。多看看CSS方面的说明 .icon {background-image: url(back_image.png)} .head {height: 26px; background-position: -42px -222px; background-repeat: no-repeat;} .btn {cursor:pointer; border:0; width: 107px; height: 26px; background-image: url(back_image.png); background-position: -42px -222px; background-repeat: no-repeat;} div style="width: 107px; height: 200px;" div class="c466-8bad-b3f3-c55c icon head" style="line-height: 26px; padding-left: 20px;"这是头部/div 这里是内容！/div/div/input type="button" class="8bad-b3f3-c55c-97e2 btn" value="按钮"

div+css布局时对一张背景图片上多个小图片定位实现的方法

图片单独定位:如下

body

style="background:url(../images/bg.png)

no-repeat;

width:1000px;

height:500px;"

div

style="background:url(../images/pic.png)

no-repeat;

width:20px;

height:20px;

position:absolute;

top:200px;

left:500px;"/div

/body

背景图片bg.png宽度为1000px;高度为500px,上面浮动一个小图片pic.png,位置是距上200px,距左500px;

你可以用table布局的方式定位图片