Заоблени ъгли в Internet Explorer 6, 7 и 8

Обратно към урока

Преди добавяне на PIE

height: 80px;
width: 80px;
background: #ff6b2c;
margin-bottom: 30px;

border-radius: 15px;

След добавяне на PIE

Вариант 1

height: 80px;
width: 80px;
background: #ff6b2c;
margin-bottom: 30px;

border-radius: 15px;
behavior: url(PIE.htc);

Вариант 2

height: 80px;
width: 80px;
background: #ff6b2c;
margin-bottom: 30px;

border-radius: 35px 5px 35px 5px;
behavior: url(PIE.htc);

Добавяне на поддръжка на по-стари браузъри (Firefox, Chrome и Safari)

height: 80px;
width: 80px;
background: #ff6b2c;
margin-bottom: 30px;

-moz-border-radius: 15px; /* Firefox < 4 */
-webkit-border-radius: 15px; /* Chrome < 4, Safari < 5 */
border-radius: 15px;
behavior: url(PIE.htc); /* IE < 9 */

Обратно към урока