渐变在底部显示一条细线

Question

我使用以下代码在页眉上创建渐变背景。我希望渐变为蓝色并最终转换为透明。

.ConnectHeader{
  position: relative;
  font-family: "Regular", "Helvetica Neue", Helvetica, Verdana, sans-serif;
  background-image: linear-gradient(to bottom, #2d62a5 0%, rgba(0,0,0,0) 100%); 
  background-size: cover;
  z-index:100;
  width:100%;
  height:250px 
}

<div class="ConnectHeader"></div>

但是由于某种原因，渐变的底部总是有一条可见的线，可以清楚地显示标题在此处结束。如果我增加高度，那条线最终会变得模糊，您可能不会注意到太多，但这并不是最佳选择，因为这样标题会很大

是否可以解决此问题？

编辑：即使提供了帮助，我仍然可以看到该行。 You can still see a blurred line here.