Html 卸载图像的自定义可选文本

我有图像标签

如果用户已禁用图片下载或由于某些原因无法正确加载，则位置图标应显示舒适的文本，如下所示：

但是，可能有一个圆形的图片，中间是透明的，这意味着图片下面的文字不会张贴。

有什么方法可以制作这样的替代文本-不使用JS，它测试任务，并说有解决方案不使用JS

---

属性“alt”-不可用，因为我必须使用颜色设置文本（附加图像）

只需将

alt

属性设置为文本，并使用CSS设置样式：

<img id="myImage" src="" alt="Some text" />

---

更多信息：

您可以设置断开图像上显示的alt文本的样式。在图像本身或图像容器上使用

颜色：

样式（图像将继承颜色）

HTML:

---

但我怎么能像我想象的那样做呢。文本不是一个完整的文本color@GeraySuinov，仅使用CSS，我认为这是不可能的。通常，您可以将每个字母包装在不同的范围内，并以这种方式添加或删除颜色，但此文本是通过属性生成的，因此它会将颜色应用于文本，仅此而已。而且，没有一个CSS选择器可以让你得到你想要的效果

#myImage {
    color: red;
}

<div class="container">
  <img src="notarealimg.jpg" alt="lorem ipsum">     
</div>

.container{
    color: red;
}

img { 
    width: 100px; 
    height: 100px; 
}