内容网址在 Firefox 中不起作用 [关闭]

Question

我的 CSS 文件是：

        #name_wrong_img
        {
           width:43px;
           height:29px;
        } 

这是我的 HTML 代码：

         <img id="name_wrong_img" src="wrong.jpg" />

以上代码在 Firefox 和 Chrome 中运行良好。

        #name_wrong_img
        {
           content:url(wrong.jpg);
           width:43px;
           height:29px;
        } 

         <img id="name_wrong_img"  />

这在 Chrome 中运行良好。但不是在 Firefox 中。这有什么问题？

Answer 1

Firefox 不像 Chrome 那样支持 content 属性——在 img 元素上和/或当源是图像时。

<img> 表示内容图像。如果你使用它，它应该有一个src 和一个alt。

来自the specification：

src 属性必须存在，并且必须包含一个有效的非空 URL，该 URL 可能被空格包围，引用非交互式、可选动画的图像资源，既不是分页也不是脚本。