课程：

• 1、div中有图片和文本,用定位调位置
• 2、填充的背景图片上绝对定位的文字，在火狐浏览器下显示不是靠顶的，怎么解决？？
• 3、在CSS里面我把背景图层设置成绝对定位,想把图片放在背景图层上面,但是浏览器显示不出来图片,怎么办
• 4、CSS背景图片定位技术
• 5、dw如何将背景图片放在任意位置

div中有图片和文本,用定位调位置

绝对定位。

DIVCSS5为大家实例讲解绝对定位布局。绝对定位我们要用到样式position:absolute和position:relative，同时需要top、bottom、left、right配合布局实现DIV绝对定位。通过真实案例演示与介绍绝对定位布局方法技术。Cssdiv绝对定位案例截图

遇到以上的不规则案例布局，如果使用float、padding等浮动实现比较麻烦，但使用position绝对定位即可很好简单地实现。接下来DIVCSS5为大家介绍position绝对定位方法布局以上小的案例。

一、用到CSS样式和HTML标签及相应解释-TOP

1、要用到CSS样式单词及解释

position：绝对定位样式实现DIV定位布局其设置值absolute和relative应用

width：宽度，设置对象宽度

height：高度，设置对

line-height：行高，设置文本行高

left：设置div对象靠左距离

right：设置div对象靠左距离

top：设置div对象靠左距离

bottom：设置div对象靠左距离

background：背景，设置背景图片和颜色

color：设置字体颜色

font-size：设置字体大小

font-weight：设置字体加粗

2、用到HTML标签及解释

div标签：用于布局结构框架

ulli标签：用于布局列表型数据列表

h3标签：用于布局栏目标题

二、绝对定位实际案例布局思维解释介绍-TOP

DIVCSS5将隐藏文字后整图作为最外层大盒子DIV的背景图片，命名为bg.jpg。

填充的背景图片上绝对定位的文字，在火狐浏览器下显示不是靠顶的，怎么解决？？

您好！很高兴为您答疑！

通常做法是相对于当前元素的父元素定位:

div style="position: relative; width: xxxpx; height: xxxpx; background: url(xxx.jpg) no-repeat 0 0;"

ul

li style="position: absolute; left: xxxpx; top: xxxpx;"a href="..."Link1/a/li

li style="position: absolute; left: xxxpx; top: xxxpx;"a href="..."Link2/a/li

...

/ul

/div

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

在CSS里面我把背景图层设置成绝对定位,想把图片放在背景图层上面,但是浏览器显示不出来图片,怎么办

这位网友你好，你的意思貌似没有表达清楚。背景是写在background里面的，这个是不需要绝对定位的，你在这个div里面的图片需要绝对定位才对，如果不显示，可能是z-index设置的大小的问题。最好您能把代码和截图贴出来大家看一下。

CSS背景图片定位技术

background-position:-150px 0px 这句话的意思，在这个图片的x轴150px处和Y轴0处的交叉点的确定！也就是定位！

定位技术就是把网站的小icon放到一张大的pic里面通过不同的X、Y的坐标取值，得到不同的pic！

比如阿里巴巴的这个pic

dw如何将背景图片放在任意位置

用DW的话，可以通过CSS把背景图片通过“坐标”设定到“任意”位置。

这个呢，应该是比较好弄的，你在CSS面板里面找到“背景”，之后再相应的

background-position(x)(和background-position(y)里面输入相应的数值（比如100）就好，也可输入如果“left”、“right”或“center”（分别代表左对齐、右对齐和居中对齐）。

大概就是这样了，不知道说明白没有。不行的话，你再HI我好了。