如何删除边框顶部半径bg透明度？

Question

如何隐藏半径bg透明度？我不想看到，当我将我的第一个登陆页面向上滚动时，它会显示页面并显示raidus角落背景。

那是z的

rad2

rad1

您也可以直播查看：www.havadansantiye.com

看看左右上角的顶部并滚动第一页向上看现在角落你会看到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;
}