我试图在物理上在＆＃34;灯箱＆＃34; / overlay下面显示一个半透明的标题图像网格，其中包含我的实际内容。文档中的字体大小通常使用vw单位设置，因此叠加层的高度会根据屏幕分辨率而变化。
我想垂直居中，无论哪个更小 - 背景图片网格或我的叠加层。如果 overlay 中的 text 更大（font-size - 明智），我希望网格相对于 overlay 垂直居中，但如果网格更大，我希望叠加层相对于网格垂直居中。
最初我尝试在叠加层上使用position: absolute当我发现所述叠加层中的文字与网格下方的内容重叠（如果其font-size太大时），这当然会失败。我目前正在使用Faux Absolute Positioning（demo）来解决重叠问题（内容被更大的，我的网格或我的灯箱推倒，但我只是避开了＃39;能够将这个巧妙的技巧与我在SO和其他地方发现的任何浮动垂直居中的演示/示例相结合。
网格目前是一个表格（我花了很长时间才搞清楚！），但是如果绝对必要，我可以切换到其他一些方法（例如很长的float系列）。 （在我看来，网格可以说是表格数据。）
这是针对一个非公开文件，我发送了一些我使用HTML5 / CSS3创作的人进行丰富的布局/样式/格式化，所以我的严格语义规则是＆＃34;严格的语义＆＃34;在这种情况下略微（好吧，相当）放松。 （LaTeX-> PDF将是不可能的 - 不断重新启动xpdf重新加载我的PDF会逐渐推动我到墙上我用头钻天花板上的洞 - 而LibreOffice可能会窒息在我处理的~150 +图像上。此外，如果我切换到PDF / ODT，那么文档中充满了逐渐累积的CSS3真棒我将不得不留下...）