Background image not rendering in the pdf

#27068

I have a problem where the background image is not getting rendered in the generated PDF. Sending the HTML and the css

HTML

<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<link rel="stylesheet" href="samplecss.css" type="text/css" />
</head>
<body>
Page #1 <span class="iconRequiredRight">test</span>
<pd4ml:page.break>
Page #2
<pd4ml:page.break>
Page #3
<pd4ml:page.break>
Page #4
</body>
</html>

CSS

body {    font-family: arial;    }
h1 {        background-color:#CCC;    border: 1px solid;    color:#39F;    text-align: center;    }
table {    background-color: #F60;    border: 1px solid #39F;    width: 100%;    }
td {    border: 0px;    text-align: center;    }
p {    color:#09F;    text-indent: 20px;        }
.iconRequiredRight{
background-image: url("asterisk.gif");
background-color: #cccccc;
}

#29868

The actual version of PD4ML does not allow to apply background images to tags. Use <div> instead (probably with “display: inline-block” style)

[Author]

Posts