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

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

从规格：

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