我是编码初学者，我想将文本放在图片前面。我正在使用科莫多。这是我的代码：
3 回答
临摹微笑
TA贡献1982条经验 获得超2个赞
我在这里为您提供了一个解决方案，但它可以通过多种不同的方式实现。
.bandeau {
position: relative;
text-align: center;
}
h1 {
position: absolute;
top: 10%;
left: 20%;
color: red;
}
h2 {
position: absolute;
top: 25%;
left: 20%;
color: red;
}
h3 {
position: absolute;
top: 40%;
left: 20%;
color: red;
}
<div id="bandeau">
<div id="contenu">
<img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_1280.jpg" alt="photo d'aceuil">
<h1>Pour ma nadette</h1>
<h2>Mon amoureuse</h2>
<h3>Je t'aime</h3>
</div>
</div>
手掌心
TA贡献1942条经验 获得超3个赞
应该是这样，如果您需要更多帮助，请发表评论。这会将文本放置在图像上并将其置于中心。
<div>
<img src="">
<h1>Text</h1> <!-- This will positon text over image -->
</div>
div {
position: relative;
text-align: center;
}
image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
小怪兽爱吃肉
TA贡献1852条经验 获得超1个赞
根据您的标签，这是一个 CSS 解决方案。将其添加到您的<head></head>标签之间。
<style>
#contenu::after {
content: "words";
}
</style>
- 3 回答
- 0 关注
- 69 浏览
添加回答
举报
0/150
提交
取消