I am currently evaluating the EO.Pdf 2011.2 .NET HTML to PDF component. I encountered an issue during this evaluation. Any text positioned over a slightly transparent element will not show in the generated pdf document. Is there a way to make this text appear? Below is some sample html I am trying to convert. The left column is slightly transparent while the right column is opaque. In the resulting pdf, the text in the left column does not appear while the text in the right column does.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style>
#test_content_body{
height: 576pt;
width: 756pt;
top: 0px;
left: 0px;
position: absolute;
background-size: 100%;
padding: 36pt;
}
.header{
font-size: 5.5em;
text-align: center;
}
.left_bar{
color: white;
opacity: .9;
background: #416026;
padding: 10pt;
vertical-align: middle;
}
.right_bar{
color: white;
background: #416026;
padding: 10pt;
vertical-align: middle;
}
.background{
color: white;
height: 600pt;
width: 800pt;
top: 0px;
left: 0px;
position: absolute;
}
</style>
</head>
<body >
<table id="test_content_body">
<tbody>
<tr>
<td class="left_bar">
<div class="header">OVERWHELMED</div>
</td>
<td class="right_bar">
<div class="header">OVERWHELMED</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>