我正在尝试使用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
答案 0 :(得分:2)
如果我是你,我会权衡寻找修复的成本与你影响的实际用户。我不认为有足够的用户来证明找到修复的理由,特别是因为问题的描述听起来像是Safari 5的错误。
Safari 5.7甚至没有出现在transforms3d
的{{3}}
并且CanIUse并且该统计数据甚至没有显示Windows与其他操作系统之间的分割,因此可能更少。
我试图找到在Virtual Box中运行的Safari 5版本:Windows 8.1,但我甚至找不到它......