<html>
<head>
<style>
.headr{
width:300px
height:200px
border:1px
solid
#f00
z-index:100
}
.wenzi{
position:absoulte
left:100px
//只是假定的值，具体需测量
top:200px
z-index:101
z-index的数值越大，层就越在上面
}
</head>
<body>
<div
class="headr"
>
//页头
<img
src='图片的地址'>
</div>
<div
class='wenzi'>
<p>我会在图片的上面</p>
</div>
</body>
</html>
一，现在有现成的jQuery插件可以做到。二，想要自己做的话，就将该区域的CSS样式设定为绝对或固定值就可以了。
参考：http://www.cnjiulue.com/index.php?ac=article&at=list&tid=1
1、首先需要做的就是创建两个div。
2、创建了div后，需要分别给它们Class属性。
3、接下来，使用css，通过Class属性给它们设置样式。
4、需要给于它们一个宽度与高度，为了便于观察，可以给它们一个边框。
5、接下来，先给不悬浮的div设置样式，给它设置一个背景颜色。
6、接下来设置悬浮起来的div的样式，需要先将其进行绝对定位。设置其position。
7、接下来，设置浮动div的位置，需要使用到的是top与left.具体如下图所示。
8、设置完毕后，返回页面即可看到效果。
