我有绝对定位的块，它们使用transformation居中：

left: 50%;
 top: 50%; 
 transform: translate(-50%, -50%);

字符串
我注意到，当这些块的高度不规则时，Chrome会对它们应用某种抗锯齿处理--这些块的边缘会变成半透明的。
在下面的示例中，块“A”通过flex垂直居中，块“B”使用transformation绝对定位并居中。

.container {
  position: relative;
  width: 150px;
  height: 100px;
  border: 1px solid black;
  display: flex;
  align-items: center;
}

.a, .b{
  width: 50px;
  height: 37px;
  background-color: red;
}

.a {
  margin-left: 15px;
}

.b {
  position: absolute;
  left: 75%;
  top: 50%;
  transform: translate(-50%, -50%); 
}

<div class="container">
  <div class="a">A</div>
  <div class="b">B</div>
</div>

的数据
仔细观察，你会发现块“B”在顶部和底部获得了半透明的边缘，而块“A”没有。
x1c 0d1x的数据
我在Firefox中检查过，绝对位置块没有这种效果。是否可以告诉Chrome不要应用这种效果？或者有其他方法可以将绝对位置块居中，这样这种效果就不会出现？