gpt4 book ai didi

html - 具有剪辑路径的元素中的水平(子)像素间隙

转载 作者:行者123 更新时间:2023-12-02 04:24:51 24 4
gpt4 key购买 nike

我有一个 SVG 剪辑路径,我将其应用于包含多个其他元素的元素。如果这些子元素中的任何一个创建了一个新的堆叠上下文,例如通过 transform: translateZ(0),我得到了水平(子)像素间隙——见图。

这发生在 MacOS 上的 Chrome 和 Opera 中,并且仅在特定的视口(viewport)高度上发生。

有办法解决这个问题吗?

Fiddle的问题。尝试垂直调整预览 Pane 的大小。

bug in chrome

最佳答案

我很确定这是一个错误。您可以通过使用 calc()clip-path 值添加一点点来修复它。例如,如果您正在使用 clip-path: polygon(0% 0%, 0% 100%, 100% 100%);,您可以将其更改为 clip-path: polygon( 0% 0%, 0% calc(100% + 0.5px), 100% calc(100% + 0.5px)); 这应该会消除底部间隙。

关于html - 具有剪辑路径的元素中的水平(子)像素间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55648548/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com