Как использовать фоновое изображение внутри CSS для wicked_pdf

Question

Я использую плагин wicked_pdf с проектом rails 3.0. Я хочу определить фон с изображением внутри 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 и он отображает ideathumbbg.png в сгенерированном pdf.

Можно ли использовать помощник wicked_pdf_image_tag внутри CSS-файла? или любое другое лучшее решение для этой проблемы?

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')