. This puts IE11 into IE10 compatibility mode, where border-radius is displayed correctly : image For more details, see the article Fix: CSS border-radius not working in Internet Explorer 11.">

border-radius — это CSS-свойство, позволяющее разработчикам определять, как скругляются границы блока. Закругленность каждого угла определяется с помощью одного или двух радиусов, определяя его форму: круг или эллипс. The element has a border attribute that is not in use after HTML5. So we recommend using the CSS border border-radius в Chrome. В Chrome помимо угловатости, в рамке скругления просвечиваются некоторые пиксели основного изображения. С этими багами пока ничего не поделать. Ждем исправлений от разработчиков браузеров. В своих проектах вместе с заказчиком решаем border-radius seems to be applying on iOS fine, but on android you can see that it's behind the image itself and not applying to the image Using the following CSS В статье описаны особенности применения свойства border-radius. Также представлены проблемы в отображении для разных браузеров и предложены возможные варианты их решения. С выходом новой версии CSS3 решилась одна из самых сложных проблем в веб-дизайне. .img-new a img{-webkit-border-radius:12px; -moz-border-radius: 12px; border-radius:12px; border: 5px solid #e7e7e7; overflow:hidden;} .img-new a img:hover{ border:5px solid #faaa1f;} В Опере глюк, сам бордер она видит и скругляет, а картинку не хочет Utilities for controlling the border radius of an element.

Create Round Corners with CSS border-radius - YouTube

Maybe is because your new window can't understand your CSS style