Мне известны 3 способа создания закругленных углов, которые будут работать во всех браузерах.
- Используйте изображение для верхней и
дно коробки
- Используйте изображение для правого угла / левого угла для верхнего и
Дно
- Используйте тонну тегов div, чтобы создать округленный угол.
Я бы не стал полагаться на свойства CSS 3 в данный момент, поскольку они недостаточно совместимы на всех платформах. Мне нравится использовать первый вариант, потому что он всегда будет кроссплатформенным, его легко реализовать, и он не добавляет тонны разметки. С текущим состоянием сети, есть не так много других вариантов, если вы хотите, чтобы ваши углы работали во всех браузерах.
Надеюсь, это поможет,
Metropolis