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

Question

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

那是ss的

rad2

rad1

您还可以观看直播：www.havadansantiye.com

看左上角和右上角，滚动第一页向上看现在的角落你会看到背景。

Answer 1

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

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

Answer 2

既然你已经修复了它，溢出就不会起作用，因为它实际上是背后的内容。您可以采用多种方法，但其中一种方法可能是实际掩盖 header 中未被 border-radius 覆盖的部分。但是，为了做到这一点，您需要一个单独的元素或 pseudo-element。您可以将 header 本身设为白色以屏蔽掉，然后使用伪 :before 来设置黄色区域的样式。这样的事情应该有效：

.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;
}

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

How can i delete border top radius bg transparency?

css

background

radius