kurojneko
@kurojneko

Как убрать границу на срезах при border-radius?

Здравствуйте, столкнулся со странной проблемой. Задал блоку скругленные уголки, но почему то на самих скруглениях, видно тонкую границу. Собственно в блоке несколько слоев, и верхний слой - изображение белое с одного угла, на границе видно изображения с предыдущего слоя, которое проявляется именно в месте среза.
Пока решил уменьшив на пиксель предыдущий слой и наложив такое же скругление, но это явно костыль.
ed1606c5d4224bbba346136483a3d469.png
  • Вопрос задан
  • 385 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Уменьшите на 1-2 пикселя радиус скругления у нижнего блока, или увеличьте у верхнего. или наоборот...

https://jsfiddle.net/42esmro5/
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
astralo
@astralo
для "спасибо" есть кнопка [Нравится]
position: relative может поможет ?
Ответ написан
Zhbert
@Zhbert
Technical Writer, Linux user
Я не особо понял про границу (или не заметил ее на приведенной картинке), но в голову пришли два варианта:
1. border: 0;
2. Поиграться с z-index.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы