Question

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

那是ss的

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

查看lef的顶部和右上角，然后scrool第一页向上看，现在您将看到bg。

Answer 1

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

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

Answer 2

由于已解决问题，因此溢出将不起作用，因为它实际上是在显示其背后的内容。您可以采取几种方法，但一种方法可能是实际上掩盖标题半径未被边框半径覆盖的部分。为了做到这一点，您将需要一个单独的元素或一个伪元素。您可以将标头本身设置为白色以掩盖，然后使用伪：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透明度？

2 个答案: