0

我有一张图像，我想在显示图像时显示 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大小变大？如果没有，有没有办法在显示时为图像添加标题？

4

3 回答 3

0

是否有可能使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>

参考

于 2012-11-16T18:28:31.657 回答
0

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

于 2012-11-16T18:06:29.103 回答
0

alt 属性是图像标签的属性，它本身不是一个元素。您不能将 alt 属性设置为与 src 相同的样式

但是你可以使用 jQuery Tooltip 插件来获得这个效果

于 2012-11-16T17:51:02.233 回答