變換屬性將導致僞像

-2

我有需要一個比特變換的翻譯上鼠標移動（像視差我想） codepen.io/anon/pen/PJQqjW變換屬性將導致僞像

但在Mozilla時我不元素移動鼠標，元素有一個神器，它在它的中間。

什麼可能是錯的？

來源

2017-10-06 Kirill

'//這裏是一些代碼，以使視差OM鼠標move'這是什麼碼？ – tobiv

請在您的問題**中發佈**代碼。有一個原因，爲什麼StackOverflow不允許你發佈鏈接到外部代碼託管服務，沒有任何代碼在你的問題（這是非常簡潔地解釋當你試圖發佈你的問題時彈出）。 – Terry

有在Firefox中已知的bug，這個>https://bugzilla.mozilla.org/show_bug.cgi?id=818109

你可以使用一些像HAX但translate3d會稍微移動你的元素，這件事情我想你不會喜歡。

此外，造成此錯誤的原因是您使用179deg，使用180deg來代替，並且問題似乎消失。

見片斷

.triangle { 
 
    border: 4vw solid transparent; 
 
    border-top: 13vh solid red; 
 
    width: 0; 
 
    height: 32vh; 
 
    position: fixed; 
 
    top: 0; 
 
    z-index: 9; 
 
    left: 0; 
 
    transform: rotate(180deg); 
 
}

<div class="triangle"></div>

但你爲什麼不使三角形擺在首位旋轉（下邊框的邊框，而不是頂部）？

.triangle { 
 
    border: 4vw solid transparent; 
 
    border-bottom: 13vh solid red; 
 
    width: 0; 
 
    height: 32vh; 
 
    position: fixed; 
 
    top: 0; 
 
    z-index: 9; 
 
    left: 0; 
 

 
}

<div class="triangle"></div>

來源

2017-10-06 11:39:39

這只是一個例子，如果我需要旋轉45度或90度，該怎麼辦？這個問題仍然相同 – Kirill

@Kirill，正如我在我的回答中告訴你的，這是一個衆所周知的錯誤，在firefox中出現了許多其他跨瀏覽器出現的錯誤。有幾乎所有的解決方法，但是這些解決方法不是一般的，它們是針對特定情況的。你要麼重新思考你的方法，要麼你'活着'的錯誤。這是我的看法 –

變換屬性將導致僞像

回答

相關問題