圖片引用的兩種方式background-image和<img>的區別

發現問題的地方： 在模擬百度首頁進行製作的時候，在百度的搜索文本框中有一個小照相機，這個照相機是一個圖片的一部分，在鼠標移動到這個地方的時候它自動換到圖片的下半部分進行變色，而這個圖片的引用就是使用的background-image引用的，但是使用img標籤卻沒法達到這種效果。這是爲什麼呢？ img 元素：定義爲向網頁中嵌入一幅圖像。從技術上講， 標籤並不會在網頁中插入圖像，而是從網頁上鍊接圖像。

>>阅读原文<<