Заоблени ъгли в 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 */

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