混合，混合模式自舉在Safari

Question

不工作，我想設置一個引導，導航欄的融模式，以「差異化」，但ID不會在Safari工作...

.navbar{ 
    background:none; 
    mix-blend-mode: difference 
} 

https://jsfiddle.net/7y3ccomo/12/

但是，一個簡單的演示工程。

.blender{ 
    font-size: 150px; 
    color: red; 
    mix-blend-mode: multiply; 
} 

https://jsfiddle.net/sqqkccgn/

任何有線索？

謝謝！

Answer 1

你能看看這個https://jsfiddle.net/7y3ccomo/15/？

$(document).ready(function() { 
    $('body').hide().fadeIn(); 
}); 

我注意到，單擊您的第一個示例（在OSX Safari中）的預覽區域顯示背景。

所以我試着添加一個javascript/jQuery隱藏身體一次，然後fadeIn()之後，顯示背景。但$('body').hide().show()不起作用。 $('body').fadeIn();也沒有。

我知道這不是一個優雅的解決方案。我希望別人能很快找到更好的技巧或解決方法。