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 没问题。

查看网站这里是link。 www.offsetprinting.com

Answer 1

变换样式和透视必须与变换结合使用属性。尝试这样的事情（添加你的转换值）：

#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;
}