内容网址在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不支持content属性与Chrome相同 - 在img元素上和/或源是图像时。

<img>代表内容图片。如果您使用它，它应该有src和alt。

来自the specification：

  

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