Translate3d不会在Safari中移动嵌入式元素(仅限Windows)

时间:2014-01-15 15:20:51

标签: css3 safari embed transform translate3d

我正在尝试使用CSS3的transform:translate3d()方法移动嵌入式元素。除了Safari之外,它在每个浏览器中都能很好地工作,似乎不会移动视频/音频本身,但却设法移动嵌入式元素。

这是fiddle

我用translate3d()将容器div移到了右边。我还为div和嵌入元素/对象设置了边框。

HTML

<div class="audio">
    <object height="50" width="100"
     data="http://www.w3schools.com/html/horse.mp3"></object>
</div>

CSS

.audio{
    -webkit-transform: translate3d(300px,0,0);
    -ms-transform: translate3d(300px,0,0);
    -o-transform: translate3d(300px,0,0);
    transform: translate3d(300px,0,0);
}

这是一个无法修复的错误,还是有人修复了?

编辑:

Windows 8.1上的Safari 5.1.7

Safari 5.1.7 on Windows http://i60.tinypic.com/qna4ux.png

1 个答案:

答案 0 :(得分:2)

如果我是你,我会权衡寻找修复的成本与你影响的实际用户。我不认为有足够的用户来证明找到修复的理由,特别是因为问题的描述听起来像是Safari 5的错误。

Safari 5.7甚至没有出现在transforms3d的{​​{3}}

并且CanIUse并且该统计数据甚至没有显示Windows与其他操作系统之间的分割,因此可能更少。

我试图找到在Virtual Box中运行的Safari 5版本:Windows 8.1,但我甚至找不到它......