CSS - Chrome 移动设备上出现带有剪辑路径的奇怪边框

Question

我使用基本 CSSclip-path创建了一个“斜坡”，如下所示。问题是，在移动设备上使用 Chrome 浏览器会创建一个在我的 CSS 中未定义的“边框”。奇怪的是，在桌面版 Chrome 和 Firefox（桌面/移动）上它不会出现。我仔细检查了所有 HTML 元素，没有一个元素有边框。我也在使用 Bootstrap 3。这就是我所说的：

Chrome 移动版

火狐浏览器

不确定是否需要，但这是clip-path代码：

clip-path: polygon(0% 0%, 58% 0%, 64% 100%, 0% 100%);

这是一个已知的 Chrome 错误吗？还有其他人遇到过这个问题吗？

编辑

完整的 HTML。剪辑路径应用于#footer

<section id="sub-footer">
    <div class="row">
        <div id="footer" class="col-sm-12 col-md-12">
            <div class="column ">
                <div class="module ">
                    <div class="module-content">
                        <div class="custom">
                            <div class="container"><a href=""></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Answer 1

尝试将 应用于transform: scaleZ(1)元素clip-path。不知道为什么 Chrome 会发生这种情况，即使是 7 年后，也不知道为什么这个黑客修复了它。感谢这个问答。