Save Full Site - Background Images Not Displaying

When I click the "Save As" button in Firefox, Chrome or IE, then select "Web Page, Finish" from the "Save As" menu, it does not seem to save the background images defined in my CSS. Am I doing something wrong? Here is an example of a problem:

test.html

<!DOCTYPE HTML> <html lang="en-US"> <head> <link href="test.css" rel="stylesheet" media="screen" type="text/css" /> </head> <body> <div id="test"></div> </body> </html> 

test.css

 #test { width: 400px; height: 400px; background: url(img/bg.jpg) } 
+8
html css google-chrome
source share
3 answers

By default, browsers will not load images installed in css.
You can do this in Firefox:
Right click -> View page info -> select media tab -> highlight all the files -> save as...

+8
source share

I recently tested saving a full HTML web page with background images in different browsers, and only Opera 12 was able to save the full web site on the Internet. Just open the desired website, press Ctrl + S and choose to save the full website.

+2
source share

The only solution that worked for me was to save the page as MHT with the unMHT plugin (for firefox): https://addons.mozilla.org/fr/firefox/addon/unmht/

Even websites are loading!

MHT can be opened in IE and Chrome (and firefox, but only with this extension). I know this solution is not perfect, but it is better than I found ...

0
source share

All Articles