Css 混合混合模式和引导在safari中不工作

我想将引导导航栏的混合模式设置为“差异”，但id在Safari中不起作用

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

然而，一个简单的演示是可行的

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

有人有线索吗

---

谢谢

你能看看这个吗

我注意到，单击第一个示例的预览区域（在OSX Safari中）会显示背景

因此，我尝试添加一个javascript/jQuery来隐藏主体一次，然后添加

fadeIn（）

，显示背景。但是

$（'body'）.hide（）.show（）

不起作用。

$（'body'）.fadeIn（）也是如此

我知道这根本不是一个优雅的解决方案。我希望其他人能很快找到更好的解决方法

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