专门针对Safari 6和7的CSS

Question

我有一个客户需要我来支持Safari6和更高版本。我不得不在旋转横幅上居中一些文本，但在IE9和Safari6和7上居中的css必须与我在IE 10+和Safari 8+上使用的不同。我已经为IE9修复准备了一个IE9条件语句，但是如何为Safari6和7准备一个条件语句呢？我需要浏览器嗅探吗？是否只有Safari6和7的条件？还是有针对Safari6和Safari7的CSS攻击。我到处搜索，但都没有找到适用于Safari6和Safari7的答案。

谢谢!

Answer 1

http://browserhacks.com/非常有用。它提供了一些JS、Media Query和CSS only浏览器过滤器。

我以前在我的JS中使用过var isSafari = /constructor/i.test(window.HTMLElement);，取得了很大的成功，但要小心，很多Safari也是针对Chrome的(但它会显示网站上哪些浏览器受到了影响)。

Answer 2

在我看来，一种信任的方式是：

if (
navigator.userAgent.indexOf('Safari') != -1 
&& 
navigator.userAgent.indexOf('Chrome') == -1
)

Answer 3

最终的解决方案在这里：How can you detect the version of a browser?

//我在上面的解决方案中添加了这个修改css $(document).ready(function(){var browser = get_browser_info();if(browser.name == "Safari“&& (browser.version == "5”|| browser.version == "6“|| browser.version == "7")){$(".centerCaption").css({"width"："75%"，"top"："40%"，"left"："12%"});}})；