在Window 7 IE10中悬停问题。它在Windows 10 IE11中工作正常

时间:2016-09-29 16:58:31

标签: html css css3

.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);
   }
 }
}

当我尝试悬停时,背景颜色会发生变化,但悬停框顶部会出现更奇怪的线条。请告诉我它是否已知问题。如果没有,建议一些解决方法?

1 个答案:

答案 0 :(得分:0)

如果Win 7和IE10 / 11出现问题,请在IE中尝试Internet选项,高级并设置使用软件渲染而不是GPU渲染。 (反之亦然,也许)。

希望有所帮助 - 我在这些效果方面也遇到了很多问题,特别是在contentEditable元素中。

赢10,IE11 / Edge在我的体验中很好。