将字体大小应用于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属性应用font-size。

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

Answer 1

alt属性是图像标记的属性，它本身不是元素。您无法设置alt属性的样式，就像您无法设置src属性的样式一样。

当您在CSS中使用img[alt]作为选择器时，您没有瞄准图片代码的alt属性，而是定位任何具有alt属性的图片代码。在设置图像标记的字体大小时，它自然也会影响图像标记。

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

alt attriute的意图是，如果无法显示图像，可以向用户显示。

Answer 2

在我的个人测试中，在图像上设置font-size属性对图像没有影响。

但我能够调整替代文字的大小。起初我尝试将HTML放在alt属性中，但它显示为纯文本，而不是HTML。然后我将包含alt文本的图像包含在带有样式的span标记中，这样就可以了，因为图像继承了span的字体大小。

以下是一个例子：

<span style="font-size: 0.75em">
    <img alt="Some Text" src="http://www.someimage.com/img/010.jpg">
</span>

Answer 3

有关alt属性，请参阅this answer。

Answer 4

我可能错了，但我认为它只能从用户的显示属性设置中控制，不能通过css进行修改。