CSS3 translateZ不在mac Safari 8.0.3中

CSS3 translateZ不在mac Safari 8.0.3中,css,safari,transform,Css,Safari,Transform,它在FF/Chrome中完美工作 <div id="css-transform-container"> <img src="/static/img/shamegallery/Abraham_Beame.gif"> 我确信它支持translateZ功能,因为我尝试了其他网站,我的Safari显示翻译没有问题。尝试使用preserve-3d。 请看下面的示例: #main { display: block; position: a

它在FF/Chrome中完美工作

<div id="css-transform-container">
        <img src="/static/img/shamegallery/Abraham_Beame.gif">

我确信它支持translateZ功能,因为我尝试了其他网站,我的Safari显示翻译没有问题。

尝试使用preserve-3d。

请看下面的示例:

#main {
       display: block;
       position: absolute;
       width: 400px; height: 400px;
       border: thin solid red;
       top: 10px;
       left: 10px;
       -webkit-transform-style: preserve-3d;
       -webkit-perspective: 1000px;
    }
也请检查此项:

#main {
       display: block;
       position: absolute;
       width: 400px; height: 400px;
       border: thin solid red;
       top: 10px;
       left: 10px;
       -webkit-transform-style: preserve-3d;
       -webkit-perspective: 1000px;
    }