Question

一切正常在Mozilla Firefox和IE 8中运行，但Safari，Opera和Google Chrome不喜欢我的display:table-* CSS ......

display:table-*位于标题和底部。

enter image description here

我想要什么？持续背景：

enter image description here

您是否可以进入该网站并查看此问题？我怎么解决这个问题？

Answer 1

检查this，我相信你会发现你的问题很相似。

这是一个未经证实的webkit bug。我唯一的建议是确保您使用的是HTML5文档类型：

<!DOCTYPE html>

这个新的DOCTYPE有什么好处，特别是，所有当前的浏览器（IE，FF，Opera，Safari）都会查看它并将内容切换到标准模式 - 即使它们没有实现HTML5。这意味着您今天可以开始使用HTML5编写您的网页，并让它们持续非常非常长的时间。

另外，我建议你不要使用这种方法（display：table- *），除非它是唯一的解决方案（永远不会：P）。这种方法存在许多已知问题，一个是IE7不支持。

一个合理的解决方案是使用floating来实现这一目标。您需要更改图像的透明度，以便repeat-x正确覆盖。我编辑了图像，以便您可以看到一个有效的例子。只要你确保在标题容器之后清除，你就不应该使用float遇到任何问题。 PS，这适用于IE7 +：]

Answer 2

您可以进入网站并查看此问题吗？

如果问题如上，那么我的回答是：是的，我可以。我在Linux上使用Google Chrome 18.0.1025.162。