Html 如何使用类在图像上放置文本

我想在IMG上输入文字，但我无法更改代码

任何css都可以

我已经试过了，但它不能正常工作

.n3{
位置：相对位置；
}
.n4{
位置：绝对位置；
底部：7px；
左：12px；
填充：1px；
框大小：边框框；
字体大小：10px；
颜色：rgba（255，255，255，1）；
文本阴影：0 0 3px#FF0000，0 0 5px#0000FF；
}

---

如果您不能更改HTML和使用JavaScript，我认为您不可能想要什么。我的意思是，我能达到你想要的表现的唯一方法就是欺骗一点

.n3{显示：无；}
.n5>a{位置：相对；}
.n5>a：：之后{
位置：绝对位置；
内容：'文本'；
底部：7px；
左：12px；
填充：1px；
框大小：边框框；
字体大小：10px；
颜色：rgba（255，255，255，1）；
文本阴影：0 0 3px#FF0000，0 0 5px#0000FF；
}

---

如果您不能更改HTML和使用JavaScript，我认为您不可能想要什么。我的意思是，我能达到你想要的表现的唯一方法就是欺骗一点

.n3{显示：无；}
.n5>a{位置：相对；}
.n5>a：：之后{
位置：绝对位置；
内容：'文本'；
底部：7px；
左：12px；
填充：1px；
框大小：边框框；
字体大小：10px；
颜色：rgba（255，255，255，1）；
文本阴影：0 0 3px#FF0000，0 0 5px#0000FF；
}

什么是“工作不正常”？预期的输出是什么？请修复我为使用您需要的图像大小而制作的代码片段-如果图像在屏幕上的宽度大于它们的组合宽度，CSS可以工作“工作不正常”是什么意思？预期的输出是什么？请修复我制作的代码片段，以使用您需要的图像大小-如果图像在屏幕上的宽度大于它们的组合宽度，CSS将起作用