Как я могу удалить прозрачность верхнего радиуса границы?

Question

Как я могу скрыть радиус BG прозрачности?я не хочу видеть, когда я прокручиваю свою первую целевую страницу вверх, она поднимается со страницами и показывает фон углов рейда.

То есть ss's

rad2

rad1

, а также вы можете посмотреть в режиме реального времени: www.havadansantiye.com

посмотреть на верхнюю часть левого и правого углаи прокрутите первую страницу вверх, посмотрите теперь углы, которые вы увидите bg.

Answer 1

Поскольку вы исправили это, переполнение не будет работать, потому что на самом деле просвечивает содержимое.Вы можете сделать несколько способов, но один из них может заключаться в том, чтобы на самом деле покрыть часть заголовка, которая остается незакрытой границей радиуса.Однако для этого вам понадобится отдельный элемент или псевдоэлемент.Вы бы сделали заголовок белым для маскировки, а затем использовали псевдо: 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;
}

Answer 2

используйте overflow:hidden;.замените .div на ваше имя класса

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