css - 亮度过滤器 css : Safari vs Chrome

Question

我认为我的问题很简单，但我找不到简单的解决方法:

这是我的网站

http://www.paperkrop.com/contest

我在背包的侧面使用了亮度滤镜以保证透视的准确性。

当我使用 Chrome 时，它​​看起来像这样:

当我在 Safari 上时(它像 chrome 一样使用 -webkit-brightness):

这里我们不要关注倾斜和缩放的问题，而只关注亮度:

亮度为0.8，Chrome(和其他浏览器)将其视为亮度的80%

Safari 将其视为亮度的 20%

有什么简单的解决方法吗？

提前致谢!

编辑: 有没有办法在 css 中将 safari 与 chrome 区分开来？或者只为 safari 制作样式表？那是线索吗？

Answer 1

我在这方面做了一些工作，发现 chrome < 26 和 safari < 6 是“旧模型”。旧模型为 0% 是正常的不受影响的亮度，任何高达 100% 的亮度都会使它比原来的更亮，而任何负值都会更暗。

新模型100%不受影响。

我使用以下 jquery 来测试哪个模型而不是 UA 嗅探。

var oldBrightnessModel = $("<div/>").css("-webkit-filter","brightness(101%)").css("-webkit-filter")==""?true:false;