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

Question

有什么更多用于将文字放在图像上的选项？文本通常会更好用  使用普通img src="picture.jpg"或使用div stlye="background-image: url(picture url);＆＃34; ？

我之所以这样问是因为很多人使用不同的浏览器。

谢谢。

Answer 1

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

您应该选择哪个，这取决于图像类型和目的。根据经验，如果它确实是具有与页面其余部分相关的有意义内容的图像，则您希望它可以下载（右键单击 - 保存图像），由搜索引擎索引或通过屏幕阅读器或其他方式启用给用户辅助技术，使用<img>。否则使用背景图片。

此外，如果您需要创建一种结合图像和文本的模式或图表，最好的解决方案是使用SVG。