將圖像放在圖像上的更好選擇是什麼？ img src或div風格的背景圖片url？

Question

什麼是更多使用的選項將文字放在圖像上？是否文本通常 使用普通img src="picture.jpg"走的更好，或者使用DIV stlye="background-image: url(picture url);「？

我問這個，因爲很多啊使用不同的瀏覽器。

謝謝。

Answer 1

可以同時使用，無論是現代的瀏覽器和更老的會正確處理這兩種方法 - 在CSS和<img>背景圖像是舊的和穩定的技術。

你應該選擇，它取決於圖像的類型和目的。作爲一個經驗法則，如果它是真的一幅圖像與頁面其餘部分相關的有意義的內容，您希望它可下載（右鍵單擊 - 保存圖像），由搜索引擎編入索引或啓用具有屏幕閱讀器或其他輔助技術的用戶，請使用<img>。否則使用背景圖像。另外，如果您需要創建某種類型的結合圖像和文本的模式或圖表，最好的解決方案是使用SVG。