是否可以在CSS中更改图像的alt属性的大小

Question

我有一张图片，我想在显示图片时显示alt值：

HTML：

<div id="demo">
<li><img src="images/cpu.jpg" alt="Over All CPU" /></li>
</div>

CSS：

#demo img { font:italic 100px Georgia, Times, Serif; color: #000; text-shadow: 0px 2px 4px #222; margin:10px 20px; }

是否可以使alt尺寸变大？如果没有，有没有办法在显示时为图像添加标题？

Answer 1

alt属性是图像标记的属性，它本身不是元素。您不能将alt属性设置为与src

相同

但您可以使用jQuery Tooltip plugin来获得此效果

Answer 2

您可以使用onload（）事件处理程序或onmouseover（）事件处理程序以您想要的任何样式显示图像上的文本。

Answer 3

  

是否可以使alt尺寸变大？

如上所述，没有办法为alt设置样式。 alt属性有两个用途。

1. 如果图像无法加载或用户关闭图像，则表示图像已关闭 所示。
2. alt中的文字报告给辅助技术， 比如JAWS，这样用户就可以获得平等的体验。

  

如果没有，有没有办法在显示时为图像添加标题？

你不能简单地做：

<figure>
 <img src="" alt="Over All CPU">
 <figcaption>Your title goes here, which should not be Over All CPU</figcaption>
</figure>

Ref