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>

设置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定义有问题了

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/s22f4ppq4v47smqsq2.html