我如何删除边框顶部半径BG透明度

Question

如何隐藏半径BG透明度？我不想看到，当我滚动第一个登陆页面以上时，它将带上页面并显示Raidus Corners的背景。

Thoose是SS的

rad2

rad1

，您也可以查看Live：www.havadansantiye.com

查看LEF和右角的顶部以及Scrool首页以查看现在，您会看到BG。

Answer 1

由于您已修复它，因此溢出无法正常工作，因为它实际上是所显示的内容。您可以做几种方法，但其中可能是实际掩盖了边界 - 拉迪乌斯（Border-Radius）揭示的标头的部分。为了做到这一点，您将需要一个单独的元素或伪元素。您会使标头本身遮盖掩盖，然后使用伪：在以前造型黄色区域。这样的事情应该有效：

.site-layout-bordered.header-horizontal #header {
   top: 30px;
   left: 30px;
   right: 30px;
   width: auto;
   background-color: white;
}
.site-layout-bordered.header-horizontal #header:before {
   content: '';
   position: absolute;
   background: #fcc600;
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 15px 15px 0 0;
}

Answer 2

使用overflow:hidden;。将.div替换为您的类名称

.div{
  overflow:hidden;
  border-radius:20px;
}