Как удалить границы/ободок фона при использовании свойства border-radius с помощью CSS?

Question

StormySorceror

css

Как удалить границы/ободок фона при использовании свойства border-radius с помощью CSS?

Есть ободок вокруг изображения на заднем фоне в баннерах на samara777.ru/bloki-keramzitobetonnye/. Можно ли его удалить без изменения всей структуры баннера? Я пробовал разные варианты, включая предложенные здесь, но ни один не сработал на ободок. Буду благодарен за помощь и предложения решения.

18 октября 2023 г. 9:00

Ответы на вопрос 2

Похожие вопросы

Answer 1

Для удаления границы/ободка фона при использовании свойства border-radius можно использовать следующий CSS-код:

```css
.your-banner-class {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
```

Замените `your-banner-class` на класс вашего баннера, к которому применяется `border-radius`. При необходимости, добавьте `!important`, чтобы переопределить все другие правила, применяемые к баннеру.

Если это не поможет, пожалуйста, предоставьте код вашего баннера или создайте минимальный пример на jsfiddle или codepen, чтобы можно было более точно определить проблему и предложить решение.

Answer 2

.swiper-slide.category-banner__card::before сейчас имеет черный фон, который просвечивает. Чтобы исправить это, установи background-color: transparent; для .swiper-slide.category-banner__card::before