html - 内容 url 在 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 不像contentChrome 那样支持该属性——在img元素上和/或当源是图像时。

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

从规范：

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