动态设置背景图像或创建img标签有什么区别?

时间:2013-11-25 23:33:16

标签: javascript jquery css

查询可能有或没有图片的API时,设置background-image或实际创建img标记的主要区别是什么?

<div class="img" style="background-image:url(...)"></div>

VS

<div class="img"><img src="..." alt="#" /></div>

3 个答案:

答案 0 :(得分:0)

第二个使背景可选,这可能会损害设计。而且它也会损害定位。 Imho并不总是第一个使用。并从外部css。

答案 1 :(得分:0)

如果图像不存在,可能会显示损坏的图像标记。它还会触发“错误”事件。见http://css-tricks.com/snippets/jquery/better-broken-image-handling/

破碎的背景图像会在某种程度上“无声地”失败。

答案 2 :(得分:0)

背景图片是一个表现细节。

前景图片是内容。

如果图像改变了读者对文档的理解,那么它应该是<img>。如果它只是装饰性的,那么应该使用CSS。