CSS剪辑: unset；on Safari

Question

我在WordPress中为全屏背景图像编写CSS。为了去掉左边的黑色矩形(菜单/侧边栏)，我使用下面的CSS。

它在chrome、IE和移动设备上运行得很好，但在mac/safari上却不起作用。

我如何编写这段代码，使其在Safari上工作？

.mk-page-section .background-clipper {
    clip: unset;
}

谢谢

Answer 1

如果我只写“自动”，它不工作在任何浏览器，黑色矩形在那里。在Chrome/IE中，"unset“似乎解决了这个问题。

.mk-page-section .background-clipper {
  clip: auto;
}

或者：

.mk-page-section .background-clipper {
  clip: rect(auto, auto, auto, auto);
}

知道如何在Safari上解决这个问题吗？-webkit？

/T

Answer 2

macOS上的Safari支持版本9.1及更高版本的unset值。

在任何情况下，这里都没有必要使用unset。clip的初始值是auto，所以只需编写clip: auto即可。