我是一个 FOP 新手。我试图通过使用块容器和 zindexes 在图像顶部显示文本。图像总是在顶部。如果我删除图像,我可以看到文字,所以文字在图像下方。
这是表格单元格的内部。这是相关代码:
<fo:table-cell padding="0.000pt" text-align="left" display-align="before">
<fo:block>
<fo:block-container z-index="2" position="absolute" left="0.913in" top="0.139in" width="0.946in" height="0.198in" overflow="hidden">
<fo:block><fo:inline font-family="Verdana" font-size="8pt">Leasure Station</fo:inline></fo:block>
</fo:block-container>
<fo:block-container z-index="2" position="absolute" left="0.091in" top="0.431in" width="0.302in" height="0.239in" overflow="hidden">
<fo:block><fo:inline font-family="Verdana" font-size="8pt">#1</fo:inline></fo:block>
</fo:block-container>
<fo:block-container z-index="2" position="absolute" left="0.653in" top="0.431in" width="1.186in" height="0.177in" overflow="hidden">
<fo:block><fo:inline font-family="Verdana" font-size="8pt">ASDF1234QWER</fo:inline></fo:block>
</fo:block-container>
<fo:block-container z-index="1" position="absolute" left="0in" top="0in" width="48.5mm" height="20mm" overflow="hidden">
<fo:block><fo:external-graphic src="url(.\fop-1.0\img\orange_s_text.png)" content-width="48.500mm" scaling="non-uniform" content-height="20.000mm"/></fo:block>
</fo:block-container>
</fo:block>
</fo:table-cell>