Question

css div覆盖文字覆盖在图片上了，但背景没有，背景被图片遮挡了

可以看到div的背景被遮挡了

div的css如下：
.shop_block{ width:90%; font-size:16px; margin-top:-18px; background:#ffff33; margin-left:auto; margin-right:auto; border:1px gray solid;}
求大神帮帮忙！
<div class="cube" id="shop<%=rs.getString("cs_id") %>" onclick="location.href='shop.jsp?shop_id=<%=rs.getString("cs_id") %>'"
style="cursor: pointer;">
<div class="shop_icon">
<img src="<%=rs.getString("cs_icon") %>" />
</div>
<div class="shop_block" >
<div style="background:#ffff33;">
糕点小屋
</div>
</div>
</div>

Answer 1

设置div的 z-index：
div
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}

定义和用法
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注释：元素可拥有负的 z-index 属性值。
注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！

转载自http://www.w3school.com.cn/cssref/pr_pos_z-index.asp

追问

试过了，不行啊

追答

应该可以的~不然就是你css定义有问题了

Answer 2

试试给shop_block加上 position:relative

Answer 3

设置z-index深度

Answer 4

如果你要现实背景的话，你的图片要抠出来，然后保存png格式

Answer 5

什么意思？你要什么效果？
你也可以把图片设置为背景，再写文字。一样的