查询可能有或没有图片的API时,设置background-image
或实际创建img
标记的主要区别是什么?
<div class="img" style="background-image:url(...)"></div>
VS
<div class="img"><img src="..." alt="#" /></div>
答案 0 :(得分:0)
第二个使背景可选,这可能会损害设计。而且它也会损害定位。 Imho并不总是第一个使用。并从外部css。
答案 1 :(得分:0)
如果图像不存在,可能会显示损坏的图像标记。它还会触发“错误”事件。见http://css-tricks.com/snippets/jquery/better-broken-image-handling/
破碎的背景图像会在某种程度上“无声地”失败。
答案 2 :(得分:0)
背景图片是一个表现细节。
前景图片是内容。
如果图像改变了读者对文档的理解,那么它应该是<img>
。如果它只是装饰性的,那么应该使用CSS。