Microsoft Edge中的底部border bug，鼠标悬浮上去的时候下边框消失问题

转载于 2019-12-31 14:42:17 发布 · 1.1k 阅读

CC 4.0 BY-SA版权

文章标签：

43 篇文章

订阅专栏

8 篇文章

订阅专栏

本文详细介绍了在动态尺寸布局中遇到的问题及解决方案，包括使用margin-bottom、border-bottom和border-radius等CSS属性进行调整，特别针对Edge浏览器提供了额外的兼容性方案。

在stackoverflow找到了解决方案

原因：

如果高度或宽度是动态的并且没有四舍五入的像素大小就会出现问题

解决

1.设置 margin-bottom: -1px;
2.设置border-bottom: 2px solid gray
3.设置border-radius: 1px; //这种方法我在使用,不过答案并没有提及

  @supports (-ms-ime-align: auto) {// 仅针对edge 
    .ag-row {
       border-radius: 1px; 
    }
  }