0

我已经被某件事困住了几天了。在我正在处理的网站中，内容必须在一本有 2 页的打开书上。由于无论内容如何，​​页面都必须具有相同的高度，因此我使用了display: table/ table-cell. 那部分效果很好。

痛的是装饰。在每个页面的顶部必须有一个带有背景图像的 div。我是用position: absolutediv 做的。这适用于 Chrome / IE8+，但在 Firefox 中根本不起作用，我想这是因为表格单元 / 绝对混合，但我无法让它工作。

这是它的样子： 在此处输入图像描述

以下是它在 Firefox 上的外观： 在此处输入图像描述

最后，这是我的 html/css 结构的 jsfiddle：http: //jsfiddle.net/cd74z/4/

任何帮助将不胜感激，谢谢。

4

2 回答 2

1

每当涉及表格或涉及表格时，Firefox 都会出现绝对定位问题display: table-cell，它会忽略表格单元格作为相对父级。

这是一个 13 岁的壁虎虫。

例如，您可以通过从表格结构恢复并display: inline-block在单元格上使用来解决此问题，或者像您一样在绝对 div 周围放置另一个相对 div。

于 2013-11-14T15:19:29.447 回答
0

我终于在这个问题上发表了言论，并找到了很多类似的答案。这件事是absolute用一个包裹div relative。这似乎对每个人都有用（Firefox / Chrome / IE8+）

以下是更新后的 JSFiddle，供那些想了解其工作原理的人使用：http: //jsfiddle.net/cd74z/6/

于 2013-11-05T08:43:25.360 回答