Html 保存完整的网站-背景图像不显示_Html_Css_Google Chrome

Html 保存完整的网站-背景图像不显示

html css google-chrome

Html 保存完整的网站-背景图像不显示,html,css,google-chrome,Html,Css,Google Chrome,当我在Firefox、Chrome或IE中单击“另存为”，然后从“另存为”菜单中选择“网页，完成”时，它似乎没有保存CSS中定义的背景图像。我做错什么了吗？下面是一个示例问题： test.html <!DOCTYPE HTML> <html lang="en-US"> <head> <link href="test.css" rel="stylesheet" media="screen" type="text/css" /> </he

当我在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>

默认情况下，浏览器不会下载css中设置的图像。
您可以在Firefox中执行此操作：

右键单击->查看页面信息->选择媒体选项卡->突出显示所有文件->另存为…

最近，我一直在测试如何跨各种浏览器保存带有背景图像的完整HTML网页，只有Opera 12能够在线保存完整的网站。只需打开所需的网站，单击Ctrl+S并选择保存完整的网站。

为我工作的唯一解决方案是使用插件unMHT（对于firefox）将页面保存为MHT：

甚至网络字体也被下载了

MHT可以在IE和Chrome（以及firefox）中打开，但只能使用此扩展。

我知道这个解决方案并不完美，但这是我发现的最好的…

FWIW，Firefox的bug：对我不起作用。Opera 27保存的内容与Firefox 36、Chrome 40和MSIE 11保存的内容一样不完整。我指的是经典的Opera 12。这不是一个完整的解决方案-这确实保存了所有图像，但对这些文件的引用仍然不完整。

#test {
    width: 400px;
    height: 400px;
    background: url(img/bg.jpg)
}