我正在尝试使用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>
Run Code Online (Sandbox Code Playgroud)
的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);
}
Run Code Online (Sandbox Code Playgroud)
这是无法修复的错误,还是有人可以修复?
编辑:
Windows 8.1上的Safari 5.1.7