如何使用css background-image屬性獲取圖像？

我是初學者，剛剛開始學習基本的HTML和CSS，所以請耐心解決，如果它是基本的。如何使用css background-image屬性獲取圖像？

除了這個實現的優點之外，我還有一個查詢。

本網站：https://www.khanacademy.org/，橫幅圖像不能右鍵單擊並保存。因此，我試圖在本地保存整個頁面，但在保存的文件中，找不到橫幅圖像。

當我最終下載圖像時使用了螢火蟲，我發現橫幅圖像的顏色與我在網站上看到的顏色不同。

有人可以解釋爲什麼圖像文件丟失時，我保存整個頁面，其次，爲什麼顏色的變化？是因爲在這個容器中：＃homepage-signup-callout-container（在主頁的css文件中），背景顏色：＃8E4C9B;是這樣設置的？

但是，這將如何影響圖像，因爲它會在這種背景顏色的頂部？

PS：我不想非法使用圖像:)，我只是想知道這種情況是如何實現的。

謝謝。

一般來說，你設置背景顏色由於某種原因圖像丟失的情況下回落。或者，圖像具有透明度，並且您希望背後有一種顏色。 – melancia

背景圖像作爲'base64'提供，因此直接存儲在HTML中，而不是存儲在不同的文件中。下載時顏色爲紫色。 –

哇。對了，我想知道那個「base 64」，後面跟着所有的字符。但是爲什麼要在'html'中嵌入它呢？ –

如果你看一下在Firebug的背景圖像的URL，你會看到，它開頭：

data:image/png;base64,

如果試圖在瀏覽器窗口中打開鏈接，你還會看到這個URL非常長，這裏實際發生的是圖像數據，可能與你在文件中看到的相同的數據，如果你保存並在記事本中打開它，則存儲在url（）中。 CSS屬性的base64編碼數據

也看到了這個問題：Why use data URI scheme?

2013-09-05 13:41:06

謝謝你的回答。 –

回答