CSS 子像素修复，1440p 125%

问题描述

在任何地方都找不到好的答案。 有没有子像素渲染的解决方案？ 在这里，我有一个带有 ::after 动画背景的按钮，它永远不会连接到 1440p 125% 缩放屏幕上的边框。

a {
  display: inline-block;
  position: relative;
  border: 2px solid #000;
  border-radius: 5px;
}

a span {
  position: relative;
  z-index: 2;
}

a::after {
  position: absolute;
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
  background: #000;
}

<a href="#">
  <span>Button text</span>
</a>

这应该在我的书中给出一个封闭的背景......为什么这会产生子像素并显示一条白色边框线？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）