Проблемы отсечения радиуса границы CSS3
У меня есть отделение с набором радиуса границы к некоторому значению (скажем, 10 пкс) и вложенное отделение, которое является полной шириной и высотой ее родителя.
Я заметил, что родитель не отсекает ребенка вокруг скругленных углов, несмотря на переполнение, устанавливаемое на скрытый. Другой поток stackoverflow указывает, что это поведение "дизайном":
Как я препятствую тому, чтобы изображение переполнило поля скругленного угла с CSS3?
Однако после вскапывания рабочего проекта для фонов CSS3 и границ...
... Я не мог не заметить следующее описание под "угловым разделом" отсечения:
Другие эффекты, которые отсекают к границе или дополнительному краю (такому как 'переполнение' кроме 'видимого') также, должны отсечь к кривой. Содержание замененных элементов всегда обрезается к граничной кривой содержания
Таким образом, что я пропускаю? Содержание, как предполагается, отсекается к углам? Я смотрю на устаревшую информацию? Я делаю его неправильно?
1 ответ
Это не по замыслу, в Firefox есть непогашенный дефект по этому поводу. Должно работать нормально в любом браузере WebKit. В Firefox вам придется либо добавить радиус границы к содержащемуся элементу, либо использовать какой-то хак.