ruby-on-rails-3 - 如何在 CSS 中为 wicked_pdf 使用背景图像

Question

我正在使用带有 rails 3.0 项目的 wicked_pdf 插件。我想用css文件中的图像定义背景。

这是我的CSS代码

.thumb-image {
    background: url(http://localhost:3000/images/pdf/ideathumbbg.png) no-repeat left top;
    width: 1979px;
    height: 946px;
    position: relative;
    padding: 54px;
    text-align: center;
    margin-bottom: 15px;
}

这没有找到ideathumbbg.png，它确实在生成的pdf中呈现ideathumbbg.png。

是否可以在 css 文件中使用 wicked_pdf_image_tag 助手？或针对此问题的任何其他最佳解决方案？

Answer 1

wkhtmltopdf 无法将 png 或 gif 图像渲染为背景：

http://code.google.com/p/wkhtmltopdf/issues/detail?id=544

尝试将背景图像转换为 jpg。

Answer 2

我通过使用 SASS asset-data-urlrelative-asset-path解决了这个问题，也许你可以使用这样的东西：

background-image: asset-data-url('ideathumbbg.png')