怎么把div的内容显示在图片的上面，而不是被图片遮住

把图片设置为背景图片即可，内容就可以显示在图片上面。

代码实例如下：

此处写div里的内容

这样即可实现内容在图片上面显示。

补充内容：

background-color    规定要使用的背景颜色。    

background-position    规定背景图像的位置。   

background-size    规定背景图片的尺寸。     

background-repeat    规定如何重复背景图像。   

background-origin    规定背景图片的定位区域。 

background-clip    规定背景的绘制区域。

background-attachment    规定背景图像是否固定或者随着页面的其余部分滚动。

background-image    规定要使用的背景图像。   

inherit    规定应该从父元素继承 background 属性的设置。    

这是Index的问题，，谁最大谁就在上面，楼下说z-index 设为负数 我没试过 反正谁最大 谁就在上面 哈哈，你把Img r的z-index=9999试试

这个z-index是有点关系，但是这里没找到关键，呵呵
问题已发现 是因为将position属性设置成了relative的原因

设置图片的z-index为负数

把div绝对定位就可以了