CSS - 使用剪辑路径在Chrome移动设备上显示奇怪的边框

时间:2017-06-30 06:37:13

标签: css google-chrome

我使用基本的CSS clip-path创建了一个“斜率”,如下所示。问题是,在移动设备上使用Chrome浏览器会创建一个未在我的CSS中定义的“边框”。什么是陌生人,在桌面Chrome和Firefox(桌面/移动设备)上它没有出现。我仔细检查了所有HTML元素,但没有一个有边框。我也在使用Bootstrap 3.这就是我所说的:

Chrome移动

Chrome

火狐

Firefox

不确定是否需要,但这是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>

0 个答案:

没有答案