nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Overlaying transparent PNGs

ssbirt

Is it possible to overlay/combine 2 or more transparent PNG images to create a single image that is shown in a BIRT report?

Find more posts tagged with

Comments

JasonW

If you only need it in HTML you could add a text element and use z-order like:<br />
<br />
<br />
<br />
<DIV STYLE="{position: absolute; top: 50; left: 100; z-index:2;}"><br />
<img src='http://onjava.com/onjava/2006/07/26/graphics/ViewerSmall.jpg' alt='Posted Image' class='bbc_img' /><br />
</DIV><br />
<br />
<DIV STYLE="{position: absolute; top: 50; left: 100; z-index:1;}"><br />
<img src='http://www.eclipse.org/birt/phoenix/project/images/2.1/chartingfinals.PNG' alt='Posted Image' class='bbc_img' /><br />
</DIV><br />
<br />
Set the type to html. This will not work in pdf output.<br />
<br />
Jason

ssbirt

Thanks. This is good to know. However, I would need a solution for HTML and PDF.

mwilliams

This example in the devShare also does absolute positioning, but unfortunately it only works for HTML as well.<br />
<br />
<a class='bbc_url' href='http://www.birt-exchange.org/devshare/designing-birt-reports/1211-absolute-positioning-in-a-birt-report/#description'>Absolute Positioning in a BIRT Report - Designs & Code - BIRT Exchange</a>