background-image renders on top of other content

I use a background-image on the @page. In the past this has worked fine, but as of xhtml2pdf 0.2.7, the image now renders on top of all the other content, and because my image is fully opaque, that means none of the content is visible.

For what it’s worth, I think that a CSS property named “background-image” should render the image in … well, in the background 😃

Reverting to 0.2.6 solves the problem for me.

[tanveerabid]

Hi

I have achieved a solution by editing default.py from xhtml2pdf.

Background of Problem: Parser.py use’s `def getColor(value, default=None):

if value is None:
    return
if isinstance(value, Color):
    return value
value = str(value).strip().lower()
if value == "transparent" or value == "none":
    return default
if value in COLOR_BY_NAME:
    return COLOR_BY_NAME[value]
if value.startswith("#") and len(value) == 4:
    value = "#" + value[1] + value[1] + \
        value[2] + value[2] + value[3] + value[3]
elif rgb_re.search(value):
    r, g, b = [int(x) for x in rgb_re.search(value).groups()]
    value = "#%02x%02x%02x" % (r, g, b)
else:
    pass

return toColor(value, default)  # Calling the reportlab function

` method in xhtml2pdf which is resided in util.py, has a condition, that if user set background-color: transparent; than simply replace background color with #ffffff(white Background Color). as p element by default doesn’t support background-color property in xhtml2pdf. so while parsing CSS p element inherits default HTML attributes where default background-color property is set to transparent. which invokes if statement in parser.py via util.py & changes it background to white.

To overcome this firstly add background-color attribute to p element in default.py so it can support background color next time.
Then remove

background-color: transparent; attribute of HTML element from DEFAULT_CSS variable in default.py file.

i have already removed it.

now its all done. now if you want transparent background just simply don’t used background-color: transparent; as it revokes if statement to change background color to white. you can set any other color by passing it value(avoid using transparent).

HTML elements by default have transparent background color. here if statement is setting background color to white we can get transparent background by removing if statement but there 's a catch that you cannot set any other background color as this statement handles the both. then if someone set background color to transparent it throws error.

I added many custom attributes in default.py and these are working fine and also added a card size page of 86mm x 54mm by editing reportlab, so you can do customization just keep track of then to redo changes in case of error.

Have a good day.

[benedikt-bartscher]

I have the same issue with version 0.2.8. The background-image works again but all the other elements appear with a white background. Can you help me?

I recognised when I use table html Elements background becomes transparent again.

related to https://github.com/xhtml2pdf/xhtml2pdf/issues/605