CSS转换属性无法在Safari中正常工作

Question

我有一个网站，我正在重新设计，我遇到的一个问题是当我使用时

#cssmenu ul {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

它似乎仅在Safari中起作用。这使得视角变得倾斜。有谁知道为什么会这样做？ CSS在Chrome，IE和Firefox中运行良好没问题。

要查看此处的网站，请链接。 www.offsetprinting.com

Answer 1

transform-style和perspective必须与transform属性一起使用。尝试这样的事情（添加你的变换值）：

#cssmenu ul {
  -webkit-transform: "some value here";
  transform: "some value here";
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}