将图像放在图像上的更好选择是什么？ img src或div风格的背景图片url？

Question

什么是更多使用的选项将文字放在图像上？是否文本通常 使用普通img src="picture.jpg"走的更好，或者使用DIV stlye="background-image: url(picture url);“？

我问这个，因为很多啊使用不同的浏览器。

谢谢。

Answer 1

可以同时使用，无论是现代的浏览器和更老的会正确处理这两种方法 - 在CSS和<img>背景图像是旧的和稳定的技术。

你应该选择，它取决于图像的类型和目的。作为一个经验法则，如果它是真的一幅图像与页面其余部分相关的有意义的内容，您希望它可下载（右键单击 - 保存图像），由搜索引擎编入索引或启用具有屏幕阅读器或其他辅助技术的用户，请使用<img>。否则使用背景图像。另外，如果您需要创建某种类型的结合图像和文本的模式或图表，最好的解决方案是使用SVG。