专门针对Safari 6和7的CSS

时间:2015-11-25 15:07:03

标签: javascript css safari

我有一个客户需要我支持Safari 6及更高版本。我不得不将一些文本放在旋转的横幅上,但是以IE 9为中心的CSS和Safari 6和7必须与我在IE 10+和Safari 8+上使用的不同。我已经为IE9修复程序准备了一个IE9条件语句,但我如何为Safari 6和7安装一个?我需要浏览器嗅探吗?只有Safari 6和7有条件吗?或者是针对Safari 6和7的CSS黑客攻击。我已经搜索了所有搜索但我的搜索没有找到Safari 6和7的答案。

谢谢!

3 个答案:

答案 0 :(得分:0)

http://browserhacks.com/非常有帮助。它提供了一些JS,Media Query和仅CSS浏览器过滤器。

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

答案 1 :(得分:0)

在我看来,信任方式是:

GO
select
    *
from RX.ProductTB p

JOIN(
    SELECT l.*,
    row_number() over (Partition By l.ProductID Order By l.ProductID) as Ranking
    From RX.LicenseKeyTB l
    ) as LicenseRanking
    on LicenseRanking.ProductID = p.ProductID and LicenseRanking.Ranking = 1
GO

答案 2 :(得分:0)

最终的解决方案是: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% “});}});