Question

为什么IMG元素具有CSS颜色属性？

在Firebug玩了20分钟之后，我无法弄清楚它是如何被使用的。

Answer 1

当图片无法加载时，它会为替代文字上色：demo。

Answer 2

IMG与任何其他内联元素没有什么不同。例如，在大多数浏览器中，color属性在图像加载时或在无法呈现图像时设置alt文本的颜色。

Answer 3

<style>
    img {
        color: #f00;
        width: 50px;
        height: 50px;
        background-color: #000;
        position: absolute;
    }
    img:after {
        content: "asdf";
    }
<style>

<img />

asdf是红色的。（在Firefox上，在此页面上使用firebug进行测试。）

无论如何，我很确定CSS标准没有将特定的CSS规则绑定到特定的HTML标记元素。

Answer 4

每个元素都包含所有属性，尽管某些属性不会“应用于”，即对某些元素无效（请参阅CSS规范中的第Applies to条）。所以问题是这样的：color属性在哪些情况下会影响img元素的呈现？如其他答案中所述，它可能会影响替代文本或生成内容的呈现。（但在旧浏览器中，可以使用不受CSS规则影响的固定例程来呈现alt文本。）

为什么IMG元素具有CSS颜色属性？

4 个答案: