Как убрать ободок от фона средствами CSS при использовании border-radius?

Question

[Сергей Арсентьев]

Вот тут samara777.ru/bloki-keramzitobetonnye/ в баннерах есть ободок от изображения на заднем фоне которое находится - скрин prnt.sc/jPxLLaUUpvu9
Можно ли его как-то убрать без кардинальной переделки структуры баннера?
Пробовал разные варианты, в том числе тут которые были, но никак на ободок не повлияли, может кто подскажет решение.

Comments

[Ankhena]

Увеличьте скругления у нижних углов для нижних слоев. Для футера задайте то, которое нужно.

p.s. если заменить абсолюты на гриды, будет вообще шикарно.

[Aetae]

Я бы сказал что это баг, вот локализавный кусок кода:


Но то что такая хрень наблюдается и в ff и в chrome меня напрягает....

Ankhena, мнение эксперта?)

[Сергей Арсентьев]

Ankhena, гениально, спасибо!

Answer 1

[Aetae]

У тебя тут: .swiper-slide.category-banner__card::before чёрный background. Он и просвечивает.

.swiper-slide.category-banner__card::before {
  background-color: transparent;
}

Comments

[Сергей Арсентьев]

да не, это искал разные решения, которые в других подобных вопросах рекомендовали, вот вообще убрал этот before - всё также ободок торчит https://prnt.sc/sdFfGBbIrrNz