Задать вопрос
Adara
@Adara
front-end

При inset box-shadow + border-radius — становится виден край элемента. Это баг?

При использовании Inset box-shadow вместе с border-radius становится виден край элемента, т.е. выглядит как обводка или граница... Вот фиддл
Это баг? Есть ли workaround?

Браузеры
chrome 53, firefox 49 на ubuntu 16

3fbe58070a6241aea2be1e1e71a3f3cf.jpg
  • Вопрос задан
  • 668 просмотров
Подписаться 2 Оценить 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
sadisme
@sadisme
font-size:30rem
border-radius во многих ситуациях рендерится с подобным "багом". Особенно это видно на контрастных цветах.
Тут только смириться...не возвращаться же к картинкам для скруглений...

В вашем случае, всё довольно просто решается добавлением ещё одного дива.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
это скорее не баг, а поведение box-shadow. тобишь эта обводка - это выглядывает background самого блока.
Ответ написан
Ваш ответ на вопрос

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

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