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