我的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中。这有什么问题?
Firefox content在img元素上和/或当源是图像时不支持与Chrome不同的属性。
content
img
<img>表示内容图像。如果使用它,它应该有src和alt。
<img>
src
alt
从规格:
src属性必须存在,并且必须包含有效的非空URL,该URL可能被引用非分页或脚本化的非交互式,可选动画的图像资源的空格所包围。