2015-04-17 44 views
0

這是我一直想知道的東西,並沒有完全擺脫困境。將img標籤設置爲div的背景有什麼好處?Img Tag vs Div背景

我有 發現將其設置爲divs背景可以更好地在多頁之間對圖像進行不同的縮放,而如果它是img標籤,我很可能必須編輯每個圖像以適合所需的區域。

基本上,我只是尋找一些優點和缺點的方法。

大加讚賞,如果你能幫助:)

+1

通過將其設置爲div的背景,用戶將無法右鍵單擊它。然而,更實際的好處是,您可以將圖像上的內容(例如文本或其他圖像)分層。 – ACIDSTEALTH

+0

使用img有SEO優勢嗎? – user3225501

回答

3

如果您擔心網頁可訪問和搜索引擎優化(你必須!),圖像必須的元素。在佈局元素(如div)上使用css屬性background-image:url(link)或類似屬性時,使用它們的情況非常罕見。儘可能避免這種情況。

這個link很好地回答了這個問題。

+1

嗯,你不能用CSS設置'img'url,所以你不能把它放在一箇中心位置。每次使用img時都必須指定src屬性,所以img是無用的。具有背景的Div也可以顯示圖像,並且您可以在中央樣式表中設置背景網址。 – Triynko