Question

我在Rails应用程序中使用wkhtmltopdf并试图通过将带有边框的图像作为背景图像放置另一个来设置边框。（我这样做是因为box-shadow对于wkhtmltopdf不起作用）。这在HTML视图中显示正常，但在pdf中它不起作用。我的CSS在这里：

.box{ 
  background-image: url('/assets/posts/background_border.jpg'); 
  background-repeat: no-repeat; 
  height: 100px; 
  width: 100px; 
}

请让我知道如何解决这个问题。谢谢！

Answer 1

这可能与生成PDF时未加载的图像有关。我使用命令行工具并使用ie。：

来规避问题

--javascript-delay 3000

注意：使用或不使用协议+域名，已成功使用相对和绝对路径测试此变通方法。

查看与GitHub相关的问题＆＃34; wkhtmltopdf background-image not working＆＃34;。

Answer 2

您必须提供资源的绝对路径。在你的情况下喜欢/Users/projectname/assets/posts/background_border.jpg。

Answer 3

使背景图像的URL绝对。

background-image: url('http://localhost:8080/assets/posts/background_border.jpg');

Answer 4

我有同样的问题，最后我解决了。我得到了

 Exit with code 1 due to network error: ContentNotFoundError

来自wktohtml

要解决从url声明中删除引用，还需要绝对URL。所以改变

 background-image: url('/assets/posts/background_border.jpg')

要

  background-image: url(http://absolute_url_to_image_without_quote)

Answer 5

使用页面选项：print-media-type