我有一个超级图像，它本身还有其他图像（这是为了避免多次请求图像）。
另一方面，我有 Bootstrap。
为了使用响应式图像，我需要将它们放在一个<img>标签中，但是为了避免对不同图像的多次请求，我需要将它们放在一个超级图像中，所以通常我会在具有背景属性的 div 中使用 css。
有一个<img>完全没有标签src并有背景图片的标签是否有效？
谢谢！
问问题
266 次
4 回答
0
查看 PictureFill 来制作响应式图像。本质上，它允许您设置 img 标签以及媒体查询：https ://github.com/scottjehl/picturefill
于 2013-07-22T19:06:31.963 回答
0
不，省略srcin<img>标记是无效的。坦率地说，我看不出有那种<img>标签的意义。
如果要使用背景图像，请使用 a<div>代替。
于 2013-07-21T14:44:21.487 回答
0
有一个完全没有 src 并且有背景图像的标签是否有效？
不。
引用http://www.w3.org/html/wg/drafts/html/master/single-page.html#the-img-element
“... src 属性必须存在，并且必须包含有效的非空 URL ...”
于 2013-07-21T14:46:00.837 回答
0
它根本不是 src 标签（如果它对其他人有用，我将离开讨论），但从技术上讲，您可以提供一个带有透明 1x1 图像的数据 uri：
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
尽管数据 URI 从未正确形式化，但 caniuse建议此用例应该适用于所有常见的浏览器。
于 2013-07-21T15:52:32.153 回答