CSS 文字最上层

html-css018

CSS 文字最上层,第1张

你指的最上层是文字盖住下面其它的内容吗?

如果是的话,在css放置文字的元素样式中加上一条z-index:1就可以了(假设所有的元素的z-index属性前面没设置过,如果设置过了,那么放置文字的元素样式z-index值设成比前面设的值大一点就可以了,值越大表示越上面)

工具/材料:电脑。

css让文字显示在图片上的操作步骤如下:

1、首先在div里面书写文字,然后放入1张图片。

2、这时应该先给div设置宽度和高度,保证文字有1个范围。

3、然后通过background给div添加1张图片作为它的背景。

4、然后通过url()来连接图片,这个时候url里面放置的就是背景图片的路径。

5、然后放入1张图片用作背景,注意路径正确。

6、最后点击保存,文字就会覆盖在图片上,css让文字显示在图片上的问题就解决了。

不把上下用2个div分开,设置好图片的样式后,文字让其自动即可

<style type="text/css">

.divbox{ width:500px height:500px border:1px solid red}

.divbox img{ float:left margin-right:10px}

</style>

</head>

<body>

 <div class="divbox"><img src="images/bg_grid.png" width="60" height="60" />文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>

</body>