чистотелые круглые углы

Question

Кто-нибудь знает, как purevolume.com получает свои закругленные углы? это очень интересный и кросс-браузер, за исключением того, что я нигде не мог найти исходный код для него.

Answer 1

Это часть их фонового изображения:

https://www.purevolume.com/_images_new/header_nav_bg.png

Это, конечно, один из многих способов сделать это. В Chrome и Firefox вы можете использовать CSS:

-webkit-border-radius:5px;
-moz-border-radius:5px;

Конечно, это не будет работать для Internet Explorer. Для IE вам придется использовать другую технику - их много. Выполнение закругленных углов на фоновом изображении является безопасным, но блокирует вас в окне, где вы должны редактировать изображения для изменения визуальной формы элемента (не так уж и плохо, но не всегда рекомендуется).