怎么把div的内容显示在图片的上面，而不是被图片遮住
刚查了下资料，发现当div是只有绝对定位的时候，z-index属性才有效，如果是相对定位，怎么把div的内容显示在图片之上呢，div的内容总是被图片挡住了，求大虾们帮忙啊...
刚查了下资料 ，发现当div是只有绝对定位的时候，z-index属性才有效，如果是相对定位，怎么把div的内容显示在图片之上呢，div的内容总是被图片挡住了，求大虾们帮忙啊。。。
展开
6个回答
展开全部
把图片设置为背景图片即可，内容就可以显示在图片上面。
代码实例如下：
<html>
<body>
<style>
div{background-image:url(xx.jpg);}
</style>
<div>此处写div里的内容</div>
</body>
</html>
这样即可实现内容在图片上面显示。
补充内容：
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的原因
问题已发现 是因为将position属性设置成了relative的原因
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把div绝对定位就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
