如何用CSS样式控制文字浮于图片上方

html-css018

如何用CSS样式控制文字浮于图片上方,第1张

1、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。

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

3、接着可以通过url()来连接图片，url里面放置的就是背景图片的路径。

4、随意地放了一张图片用作背景，一定要注意，路径要写对。

5、这样，保存之后文字就会覆盖在图片的上面了。

估计你原先的结构：

<div class="111">文字 下面内容 </div>

改后结构：

<div class="111"><span class="222">文字</span>下面内容 </div>

望采纳，请试试。

总的来说就是外面的要和里面的文字分开处理，，给文字加上一个类，，然后再定义

你应该先把img图片单独拿出来，把图片也转换为区块。

然后把li下面的a转换为区块display:biock然后给这个区块加上背景看看所在区域。

最后浮动一下。

说明一下，你这个布局方式就不好。存在的问题是li的width不够，所以会掉下来！