如何删除高分辨率剪辑路径显示的线条答案

【问题标题】：How to remove a line shown by clip paths on high resolutions如何删除高分辨率剪辑路径显示的线条
【发布时间】：2017-01-03 17:36:33
【问题描述】：

在创建剪辑路径以掩盖图像的一部分并留下向下的箭头后，我在高分辨率屏幕上或在常规屏幕上放大时会看到这条细线。

这是剪辑路径的css：

.clearflowptr {
    margin-bottom: 40px;
    margin-top: 40px;
    background: white;
    height: 50px;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 46% 0, 50% 100%, 54% 0, 100% 0, 100% 100%, 0 100%);

margin-bottom 和 margin-top 只是为元素添加间距。我尝试使用padding，但无济于事。

感谢任何帮助。谢谢

【问题讨论】：

标签： html css clip-path

【解决方案1】：

如果不是必需的，您可以尝试这个而不是使用clip-path。

div{
  background-color: #0b8192;
  width: 100%;
  height: 15px;
  position: relative;
}

div:after{
  content: '';
  width: 0px;
  height: 0px;
  border: 40px solid #0b8192;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  border-right-color:transparent;
  border-left-color:transparent;
  border-bottom-color:transparent;
}

<div>

</div>

【讨论】：