Translate3d不会在Safari中移动嵌入式元素（仅Windows）

Question

我正在尝试使用CSS3的transform：translate3d（）方法移动嵌入式元素。它可以在除Safari之外的所有浏览器中完美运行，而Safari 似乎并没有移动视频/音频本身，而是设法移动了嵌入式元素。

这是小提琴。

我已经将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

Answer 1

如果我是您，我会权衡寻找解决方案的成本与您会影响的实际用户。我认为没有足够的用户来证明尝试找到修复程序是合理的，特别是因为问题的描述听起来可能是 Safari 5 的错误。

Safari 5.7 甚至没有出现在CanIUse for上transforms3d

4 月份，Safari 5 仅占感兴趣用户的 0.2%，该统计数据甚至没有显示 Windows 和其他操作系统之间的差距，因此可能会更少。

我试图找到一个在 Virtual Box 中运行的 Safari 5 版本：Windows 8.1，但我什至找不到它......