在html里图片和文字同时在同一个div里怎么让图片浮动到图片的上面 5

 我来答
小勋爱吃肉
高粉答主

2019-05-26 · 每个回答都超有意思的
知道答主
回答量:6360
采纳率:23%
帮助的人:179万
展开全部

具体步骤如下:

1、在同一个div里,先书写一段代码,如下图所示,在这个代码中给dive设置宽度和高度,这时为了让文字有一个具体的范围。

2、找到background,如下图示,在background的后面添加上图片作为这个的背景图案。

3、之后在background后面加上url(),为了连接图片,在url里面写的就是背景图片的路径。

4、可以根据个人喜好放入喜欢的图片,在这里路径一定要写对。

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

散漫yesterday
推荐于2017-12-15 · TA获得超过175个赞
知道答主
回答量:100
采纳率:100%
帮助的人:46.1万
展开全部

将DIV的position设置为relative,利用绝对定位实现同级元素叠加,也可以用Float浮动让文字叠加在图像上方

<div style="position:relative">
   <img src="" />
   <span style="position:absolute; left:0; top:50%;">这里显示文字</span>
</div>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
哈喽刘海
2012-07-16 · TA获得超过246个赞
知道小有建树答主
回答量:260
采纳率:0%
帮助的人:148万
展开全部
z-index,控制元素的z轴。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式