我正在开发以下网站： http ://di20studios.com/2012/royalpack/
在 Mozilla Firefox 和 IE 8 中一切正常，但 Safari、Opera 和 Google Chrome 不喜欢我的display:table-*CSS……
位于display:table-*标题和底部。
我想要的是？连续背景：
您可以进入该网站并查看此问题的实际效果吗？我该如何解决这个问题？
问问题
76 次
2 回答
3
看看这个，相信你会发现你的问题是类似的。
这是一个未经证实的 webkit错误。我唯一的建议是确保您使用的是 HTML5 文档类型：
<!DOCTYPE html>
从约翰雷西格：
这个新的 DOCTYPE 的好处在于，所有当前的浏览器（IE、FF、Opera、Safari）都会查看它并将内容切换到标准模式——即使它们没有实现 HTML5。这意味着您可以从今天开始使用 HTML5 编写您的网页，并让它们持续非常非常长的时间。
另外，我可能建议您不要使用此方法（display:table-*），除非它是唯一的解决方案（绝不是：P）。此方法存在许多已知问题，其中一个是 IE7 不支持它。
一个合理的解决方案是使用浮动来实现这一点。您将需要更改图像的透明度，以使 repeat-x 正确叠加。我编辑了图像，以便您可以看到一个工作示例。只要确保在 header-container 之后清除，就不会使用 float 遇到任何问题。PS，这适用于 IE7+ :]
于 2012-04-17T13:12:03.793 回答
0
您可以进入该网站并查看此问题的实际效果吗？
如果问题如上，那么我的回答是：是的，是的，我可以。我在 Linux 上使用 Google Chrome 18.0.1025.162。
于 2012-04-17T13:03:23.897 回答