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

答案:5 悬赏:20

解决时间 2021-01-16 11:46

提问者网友：niaiwoma
2021-01-15 20:52

最佳答案

二级知识专家网友：枭雄戏美人
2021-01-15 22:08

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

全部回答

1楼网友：玩世
2021-01-16 01:01

把div绝对定位就可以了

2楼网友：轻雾山林
2021-01-16 00:19

设置图片的z-index为负数

3楼网友：独钓一江月
2021-01-15 23:37

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

4楼网友：廢物販賣機
2021-01-15 22:15

把图片设置为背景图片即可，内容就可以显示在图片上面。
代码实例如下：<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 属性的设置。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息！