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>

第1个回答  2014-07-21
你可以把整个html文件贴出来呀,

css div覆盖文字覆盖在图片上了,但背景没有,背景被图片遮挡了
设置div的 z-index:div { position:absolute;left:0px;top:0px;z-index:-1;} 定义和用法 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释:元素可拥有负的 z-index 属性值。注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!

如何用CSS样式控制文字浮于图片上方
1、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。2、然后通过background给div添加一张图片作为它的背景。3、接着可以通过url()来连接图片,url里面放置的就是背景图片的路径。4、随意地放了一张图片用作背景,一定要注意,路径要写对。5、这样,保存之后文字就会覆盖在图片的上面了。

css如何设置文字浮于图片上方
设置css文字浮于图片上方的方法如下:1、首先,引入背景图片。在HTML中,给要显示在图片上方的文字所在的元素设置backgroundimage属性,并设置相应的路径和大小。2、其次,设置背景图片大小。和div大小不同,则我们需要调整backgroundsize属性,使图片适配div大小。3、然后,绝对定位。对于不能将图片作为背景...

通过CSS+DIV怎么将文字写在图片上方
1. 将文字浮在图片上我们加个div把图片和文字包在一起,并且加上img-group和img-tip这两个class,便于后面的处理。我们要让文字浮在图片上面,需要加上定位。看文字浮在了图片的底部。display: inline-block;与定位无关,只是使整个.img-group长宽与图片适应。2. 文字与背景处理文字左对齐,我们把文...

本人刚接触html,代码写完后,这个背景图片遮住了字体,如何能让背景图片置...
不是图片遮住了字体,而是Layer1那个div把其他元素遮住了。而且你的页面里面有不少地方写法错误,你把代码发上来,我改好发给你。

div+css中背景图片显示不出来
1、打开html开发软件,新建一个html代码页面。2、在html代码页面的<body>标签里面输入多行段落文字,用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。3、设置背景图片样式。在<title>标签后面创建一个<style>标签,然后在这个标签里设置<body>标签的背景图片,以及背景图片不重复。4、保存...

我在css文件里给div添加背景图片但是不行?如下图,其他没什么地方写错...
1、图片的地址写错了,特别是相对路径的时候写错,注意该地址的相对路径是相对于你的CSS文件地址的路径。你可以用绝对路径,就是整个背景图片完整地址写进去看是否生效。2、背景图片缺失,就是你这个背景图不存在。你可以看下把你背景链接在浏览器中键入,看是否路径正确。3、如果12都没有错,外层DIV背...

div+css中怎样在父盒里加背景图片并且都显示出来不被子盒子中的背景图...
那是不可能的吧……除非你让内层DIV不显示。或者让内层的坐标处于外层尺寸范围之外。如果有重复的话,内层肯定会挡住外层的啊。不过如果你设置FILTER的话,或许会达到背景朦胧重叠的效果。

html用css怎样把文字覆盖到图片上?
第一种<style>.div{width: 200px;height: 200px;background: url("图片路径") no-repeat;}<\/style><div class="div"><p>你的文字内容<\/p><\/div> 第二种<style>.div{width: 200px;height: 200px;position: relative;z-index: 0}.div img{position: absolute;top: 0;left: 0;width:...

文字被图片挡住了……
不用很复杂的源代码的,在显示图片的时候以背景方式显示,比如<td background="图片路径及文件名" width="图片宽" height="图片高">文字内容<\/td>就可以了,如果用层做也可以,不过就显得复杂了

相似回答