2012-02-09 109 views
8

当我点击另存为在Firefox,Chrome或IE中,然后从另存为菜单中选择“网页,完整”,它似乎并没有保存我定义的背景图像CSS。难道我做错了什么?下面是一个简单的问题:保存完整的网站 - 背景图片不显示

的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) 
} 
+0

FWIW,Firefox的漏洞:https://bugzilla.mozilla.org/show_bug.cgi?id=115107 – unor 2013-12-28 16:00:26

回答

8

默认浏览器不会下载CSS设置图像。
您可以在Firefox中做到这一点:
Right click -> View page info -> select media tab -> highlight all the files -> save as...

+1

不是一个完整的解决方案 - 这确实保存了所有图像,但对这些文件的引用仍然被打破。 – 2015-03-04 16:31:32

2

最近我一直在测试保存完整的HTML网页跨越各种浏览器的背景图片,只歌剧院12才得以保存完整的网站作为网上看到。只需打开所需的网站,点击Ctrl + S并选择保存完整的网站。

+0

不适用于我。 Opera 27保存的内容与Firefox 36,Chrome 40和MSIE 11保存的内容差不多。 – 2015-03-04 16:28:30

+1

我指的是经典的Opera 12。 – niutech 2015-03-06 02:55:26

0

谁为我工作的唯一解决办法是页面保存为MHT与插件unMHT(适用于Firefox): https://addons.mozilla.org/fr/firefox/addon/unmht/

即使网络字体的dowloaded!

MHT可以在IE浏览器中打开& Chrome(和firefox,但只有这个扩展)。 我知道这个方案并不完美,但是这是我找到更好的......