Translate3d不會移動Safari中的嵌入元素（僅限Windows）

我正在嘗試使用CSS3的transform：translate3d（）方法移動嵌入的元素。它適用於除Safari之外的所有瀏覽器，其中似乎沒有移動視頻/音頻本身，但設法移動嵌入的元素。Translate3d不會移動Safari中的嵌入元素（僅限Windows）

這是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); 
}

這是一個無法修復的bug或者有沒有人有一個修復？

編輯：

在Windows 8.1

Safari 5.1.7 on Windows http://i60.tinypic.com/qna4ux.png

來源

2014-01-15 Vince Caregnato

您運行的是什麼版本的Safari？據我所知，在Safari 7.0.1和Chrome 32.0（Mac OS X 10.9.1）上你的小提琴的功能完全相同 –

我剛剛在BrowserStack上進行了測試（不知道爲什麼我沒有做到這一點，我想早些時候），但它似乎是一個Windows唯一的問題。 Mac上的Safari似乎很好。我添加了問題的截圖。 –

用於windows的Safari不再更新，因此它是不相關的（如在Firefox 3或Chrome 20上測試）...如果需要支持它，請提供支持以降級... –

如果我是你，我會權衡找到一個修復與實際用戶你」的成本Safari瀏覽器5.1.7 d影響。我認爲沒有足夠的用戶來證明找到修復程序的理由，特別是因爲對問題的描述聽起來像是一個Safari 5的bug。

Safari瀏覽器5.7甚至沒有出現在CanIUse爲transforms3d

而且Safari 5 is only 0.2% of interet users in April和統計甚至不顯示Windows和其他操作系統之間的分裂，因此它可能是更少。

我試圖找到一個版本的Safari 5的在虛擬箱運行：Windows 8.1中，但我甚至不能找到它...

來源

2015-05-27 14:53:39

是的，這已經有一段時間了。我已經移動，並沒有修復它。我只是將你的答案標記爲正確。 –

Translate3d不會移動Safari中的嵌入元素（僅限Windows）

回答

相關問題