css - Translate3d 不会移动 Safari 中的嵌入元素(仅限 Windows)

Question

我正在尝试使用 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

Answer 1

如果我是你，我会权衡寻找修复的成本与你会影响的实际用户的成本。我认为没有足够的用户证明尝试找到修复程序是合理的，尤其是因为问题的描述听起来像是 Safari 5 的错误。

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

和Safari 5 is only 0.2% of interet users in April而且该统计数据甚至没有显示 Windows 和其他操作系统之间的差异，因此可能更小。

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