小编Vin*_*ato的帖子

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

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

Windows上的Safari 5.1.7

css embed safari transform translate3d

5
推荐指数
1
解决办法
2911
查看次数

标签 统计

css ×1

embed ×1

safari ×1

transform ×1

translate3d ×1