Apache FOP:zindex在重叠块中似乎无法工作

7

我是一个FOP新手。我试图使用块容器和z-index来在图像上方显示文本。但是,图像始终处于顶部。如果我删除图像,我可以看到文本,因此文本位于图像下方。

这是在表格单元格内部。以下是相关代码:

<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>
1个回答

4

将索引为1的块移动到所有zindex=2的块之前,它就可以工作了。随便怎样。


“z-index”在Apache FOP中没有效果,因为它仍然不被支持。只有重叠元素的顺序可以确定它们的可见性索引。 - Monkey Supersonic

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接