自定义替代文本卸载图像

Question

我有图片标记

如果用户已停用图片下载或因某些原因无法正确加载，则地图图标应显示为舒适的文字，如下所示：

然而，可能会有一个圆圈图像，中间是透明的，这意味着图片下方的文字不会发布。

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

属性'alt' - 无法使用，因为我必须使用颜色设置文本（附加图像）

Answer 1

只需将alt属性设置为您的文字并使用CSS设置样式：

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

CSS：

#myImage {
    color: red;
}

更多信息：How to style alt text color?

Answer 2

您可以设置损坏图像上显示的替代文字的样式。在图像本身或图像容器上使用color:样式（图像将继承颜色）。

<强> Demo Fiddle

HTML：

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

CSS：

.container{
    color: red;
}

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