html - 如何消除“奇怪的效果”CSS（内图）

Question

当我将标题放在容器中时（在这种情况下是模态的） - 就像小的白色垂直边框一样。如何消除它们并保持相同的 HTML 结构？

CodePen 上的链接

<div class="overlay">
  <div class="modal">
    <div class="modal__heading">

    </div>
  </div>
</div>

标签： htmlcss

Answer 1

看起来这是由transform. transform您必须在ed 元素上使用以下规则来修复它：

-webkit-backface-visibility: hidden;

预习

演示： CodePen

这里有更多信息：backface-visibility。