如何在 Safari 中显示一种样式，在 Chrome 中显示不同的样式？答案

【问题标题】：How can I display one style in Safari and a different style in Chrome?如何在 Safari 中显示一种样式，在 Chrome 中显示不同的样式？
【发布时间】：2011-02-23 23:59:57
【问题描述】：

我的客户开始坐立不安了....所以任何帮助将不胜感激。我的二级页眉图像移位时遇到问题。它在 Firefox 中正确显示，我无法在没有访问 PC 的情况下签入 IE。它在 Chrome 中显示正确，但在 Safari 中显示。

我添加了“webkit hack”来为 Safari 编写特定的 css 样式，但是一旦我这样做了……它就开始在 Chrome 中发生变化。我可以做些什么来解决这个问题？？

http://airwavetelecom.net/beta/?page_id=2

【问题讨论】：

请先排除语法错误：validator.w3.org

标签： css google-chrome safari webkit

【解决方案1】：

我不确定您使用 .clearfix 类的方式存在一些问题。如果您将clear:both; 添加到您的.page_line 课程中，它将解决您的问题。

【讨论】：

感谢您的帮助。我将此添加到 .page_line 类中，但仍在 Safari 中移动。 airwavetelecom.net/beta/?page_id=2 还有其他建议吗？
清除缓存？（按住 shift，单击重新加载）我刚刚签入 Safari，它对我有用。
现在试一试...似乎当我添加 clear:both;它现在无法在任何浏览器中正确显示。在任何浏览器中查看它并查看。所有图像周围都有边框，并且图像在所有浏览器中到处移动。 airwavetelecom.net/beta/?page_id=2
在所有浏览器中一切正常。太感谢了！你现在是救命稻草。如果你有时间，还有一个快速的问题。你能说出是什么使“职业”表格的开头移到“请求估算”表格的右侧吗？它只在 Safari 中这样做？再次感谢您的所有帮助！！ airwavetelecom.net/beta/?page_id=18
长答案：请阅读浮动和清除 tinyurl.com/33bkbea ... 短答案：看起来像 .portfolio_title 上的 .clearfix 将解决它。

【解决方案2】：

.page_about 的重新定位很奇怪。为什么不直接使用.custom_title 作为整个标头？这不需要如此奇怪的重新定位。

【讨论】：

好吧，如果我在 .custom_title css 中添加了一张图片，那么它会将相同的图片带到其余的辅助页面，因为它们使用的是相同的 Wordpress 主题页面模板。 .custom_title 只是调用页面标题字段中的文本。我怎样才能让它在不同的页面上调用不同的图像？
@aWarner: 要么将标题放入页面代码中，要么使用 非常少 额外的 PHP 来标记代码（带有类），以便 CSS 知道它应该在哪个页面渲染。
如何更改每个页面的页面代码，因为这些是基于相同模板 page.php 的 Wordpress 页面？
@aWarner: google.com/search?q=php%20different%20based%20path codex.wordpress.org/Theme_Development#Query-based_Templates

【解决方案3】：

您可以解析用户代理并根据结果传递不同的 CSS 文件。然而，这似乎是一个奇怪的问题，不应该发生在适当的 CSS 中。能不能把具体的不工作的部分贴出来？

顺便说一句，您应该阅读 jQuery 中的动画队列！将鼠标悬停在您的菜单上多次，它会持续闪烁一段时间。

【讨论】：

感谢您的快速回复。总的来说，我是 CSS 和开发的真正新手，因此很可能 CSS 编写不正确。但是，如果您在 Safari 中查看此页面以及“服务”页面……您可以看到这些标题图像向上移动。 airwavetelecom.net/beta/?page_id=2
您应该做的第一件事是修复这些错误：validator.w3.org/…
最初它说有 6 个错误。我修复了第一个，重新验证，它恢复干净。 validator.w3.org/…接下来我应该尝试什么？