windows7 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

如果在win7和IE10/11中出现此问题，请在IE中尝试"Internet选项"-"高级"并设置"使用软件渲染而不是GPU渲染"。(或许相反)。

希望有帮助-我也有很多问题与这些效果，特别是在contentEditable元素。

在我的经验中，Win 10, IE11/Edge都很好。