CSS的圖片儲存後面目全非？教你快速解決

原文地址：http://www.pconline.com.cn/pcedu/soft/wl/ftp/0907/1714364.html

什麼叫“CSS中的圖片”？ 簡單的說就是鑲在CSS樣式表中的圖片。當我們用瀏覽器的“另存新檔”功能儲存網頁時，由於很多寫在CSS樣式表裡面的圖片都下載不到，所以會導致下載的網頁開啟的時候就面目全非了；或者，我們可以更通俗的認為這也是網頁圖片的一種加密形式吧。

那麼對於這樣的圖片儲存，就沒有好辦法來解決了嗎？NO！看看如下推薦的幾種儲存方法吧。

方法1：使用網際快車下載軟體

最新版的網際快車FlashGet3.1下載軟體，其中有個“資源探測器”功能，就可以協助我們實現CSS圖片的探測和下載儲存。1所示，開啟快車資源探測器後，從[檔案] 功能表下選擇“選項”命令進入，然後在“進階”選項欄中勾選“探測CSS中的圖片”。

圖1 快車資源探測器設定

接下來在資源探測器頁面的地址欄中輸入要下載網頁地址，單擊右方的“探測”按鈕，稍等片刻即可搜尋得到此網頁中的所有圖片地址了，2所示；然後再利用快車軟體麻利的下載即可。

圖2 探測圖片並下載

友情提示：除了具備CSS中圖片的探測能力外，快車資源探測器還可一步實現網頁中隱藏的音視頻資源、軟體下載資源等地址，真正實現下載無限制哦。

方法2：網頁下載後尋找

在瀏覽器中開啟css圖片所在網頁，然後查看網頁源檔案並找到css路徑；將路徑再複製到瀏覽器中下載到本機電腦上，3所示。

圖3 下載網頁css檔案

接下來要做的就是尋找此css檔案中的內嵌圖片了。有兩種方法可以實現，一是直接開啟此css檔案，一個一個尋找圖片地址並下載，很明顯這種方法比較費時。另一種辦法就是使用css圖片批量擷取工具，4所示，在“CSS檔案”中匯入剛下載的css檔案，然後單擊右方的“尋找”按鈕；下方顯示出尋找到的圖片地址後再全部選取，最後單擊“下載”按鈕即可。

圖4 尋找並下載css中的圖片

友情提示：在上述介紹的“CSS圖片擷取工具”的使用中要注意“檔案基址”一欄的填寫，基址也就是添加的那個CSS檔案所在網站首頁的地址，如果寫錯可就下載不到檔案了；“匹配模式”一項不用理會，保持預設選擇項即可。

知識連結：CSS就是層疊樣式表，在首頁製作時採用CSS技術，可以有效地對頁面的布局、字型、顏色、背景和其它效果實現更加精確的控制。CSS中的圖片也正是基於這樣的控制目的而生。當一些網頁設計新手們要偷偷懶，想把對方網頁中的一些圖片直接拿過來為自己所用，但這些圖片又是基於CSS架構時，就要考慮如何下載儲存的問題了，當然也就可以使用本文介紹的方法了。