Question

html用css怎样把文字覆盖到图片上啊？（代码发过来）

Answer 1

<div style="position:absolute; margin:0"><img src="1.png" /></div>
<div style="position:absolute; margin:0 0 0 100px">覆盖</div>

Answer 2

可以把图片作为文字那个块标签的背景图片或者你把图片和文字都放在一个同一个div 里面然后给图片和文字加上定位，然后文字的图层比图片的图层位置高就行了。

第一种
<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: 100px;height: 100px;}
.div p{position: absolute;top: 0;left: 0;z-index: 10;}
</style>

<div class="div">
<img src="图片路径" alt="#">
<p>你的文字内容</p>
</div>

CSS怎么将一个元素重叠到图片上显示，假如我有一张图片，图片上面显示半透明的横条，横条上面有文字，效果如图：

<style>
.nav{backgrouan:url("../tupian.jpg");width:100px;height:300px;}
.nav ui li {width:100px;height:30px;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#ffffff;margin-top:270px;}
</style>
<div clas="nav">
<ul>
<li><a href="#">青山绿水</a></li>
</ul>
</div>
用CSS滤镜 纯手打

Answer 3

z-index代表层级 数组越大 层级越高
文字给一个z-index：999；
或者图片的z-index：-1；

Answer 4

把图片变成背景呗。

Answer 5

给图片上上一个cssimg{position:absolute;z-index:-1;}这样文字就在图片上面了