При преобразовании PSD в HTML или даже HTML5 и CSS, насколько сложнее округлить углы и сделать эти углы согласованными во всех браузерах, особенно в Internet Explorer?
Предполагая, что углы округлены кодом, а не изображениями.
Кросс-браузер округлые углы (без изображения)
Ответ 1
Вы можете проверить Corner, если вы хотите использовать решение JavaScript. Это перекрестная платформа.
Ответ 2
Вы уже приняли, но CSS3 PIE вы можете просто использовать свойство border-radius (наряду с градиентами, тенями и другими интересными функциями CSS3 ) в IE3. Я думаю, что это один из самых простых способов решения этой проблемы.
Ответ 3
Существует несколько обходных решений для скругленных углов кросс-браузера, не использующих Javascript:
CSS закругленные углы во всех браузерах
Эксперимент в закругленных углах
Закругленные углы в CSS (кросс-браузерные реализации)
Использование CSS3 для браузеров на основе webkit и gecko, SVG для Opera и VML для IE.
Также вы можете использовать известный jQuery Corners, если хотите его с помощью Javascript.
Ответ 4
С свойством CS3 border-radius это не сложно. У некоторых браузеров есть собственное внедрение, например -moz-border-radius для firefox и -webkit-border-radius для сафари и хром.
Но IE по-прежнему не поддерживает граничный радиус, поэтому его трудно заставить заставить работать кросс-браузер.