将字体大小应用于 img alt 属性而不影响图像大小

Question

嗨，我正在尝试将字体大小设置为 img alt 属性，但它会影响图像大小。

我在 css 中做这样的事情

---
HTML Code:
<img alt="Some Text" src="http://www.someimage.com/img/010.jpg">


CSS:
img[alt]{font-size:0.75em;}
---

任何人都可以帮助我在不影响图像大小的情况下为图像的 alt 属性应用字体大小。

请注意，我不想使用 Javascript。只是纯 CSS

Answer 1

该alt属性是图像标签的一个属性，它本身不是一个元素。您不能设置alt属性的样式，就像您不能设置src属性的样式一样。

当您img[alt]在 CSS 中用作选择器时，您不是针对alt图像标签的属性，而是针对具有属性的任何图像标签alt。当您设置图像标签的字体大小时，它自然也会影响图像标签。

如果您的意思是要设置某些浏览器在悬停图像时显示的工具提示的样式，则不能这样做。工具提示是浏览器中的一个实现细节，HTML 中没有任何内容表明alt应该以这种方式使用该属性，因此 HTML 中没有控制该功能的方法。

该alt属性的目的是在无法显示图像时向用户显示一些内容。