css怎么将文字叠加在图片上

 我来答

4个回答

#热议# 上班途中天气原因受伤算工伤吗？

百度网友6b46965
2015-05-26 · TA获得超过5583个赞

知道小有建树答主

回答量：957

采纳率：84%

帮助的人：420万

我也去答题访问个人页

关注

展开全部

可以把图片作为文字那个块标签的背景图片或者你把图片和文字都放在一个同一个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>

已赞过 已踩过<

评论收起

博思aippt
2024-07-20 广告

作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT... 点击进入详情页

本回答由博思aippt提供

222傻猪
2014-11-05 · TA获得超过1111个赞

知道小有建树答主

回答量：348

采纳率：66%

帮助的人：213万

我也去答题访问个人页

关注

展开全部

你可以把图片作为文字那个块标签的背景图片或者你把图片和文字都放在一个同一个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>


本回答被提问者和网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起