ウィンドウ7のホバーの問題IE10。 Windows 10で正常に動作します。IE11

Question

.rk-adjust { 
position: relative; 
cursor: pointer; 
font-size: 2em; 
margin: 7px 0; 

    &__tap { 
position: absolute; 
width: 4000px; 
height: 3000px; 
top: -1500px; 
left: -2000px; 
    } 

    &__adjustment { 
width: 100%; 
display: flex; 
align-items: center; 
padding-left: 9px; 
padding-right: 0; 
background: rgba(255,0,255,0); 
height: 34px; 

&:hover { 
    background-color: rgba(255,0,255,0); 
    } 
} 
} 

ホバーしようとすると、背景色は変わりますが、ホバーリングボックスの上に余分な奇妙な線が表示されます。その既知の問題がある場合は教えてください。そうでない場合は、いくつかの回避策を提案しますか？

Answer 1

Windows 7およびIE10/11で問題が発生した場合は、Internet OptionsでInternet Explorerを有効にし、GPUレンダリングではなくソフトウェアレンダリングを使用を設定します。 （またはその逆、多分）。

私はまた、特にcontentEditable要素でこれらの影響について多くの問題を抱えていました。

勝利10、IE11/Edgeは私の経験では問題ありません。