Кривые углы в IE8?

Question

Я понимаю, что Internet Explorer плохо поддерживает CSS3 - но есть ли способ создать изогнутые углы при использовании div, как вы можете сделать в FF и Safari в IE?

Может кто-нибудь предоставить рабочий кодпримеры, которые я могу использовать, чтобы научиться правильно кодировать это.

Спасибо

Джейми.

Answer 1

CSS-пирог - отличный вариант.

http://css3pie.com/

Его очень просто использовать - просто вставьте htc-файл, введите стили css3 и добавьте следующее поведение:

#someselector {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
}

Как правило, рекомендуется использовать условную таблицу стилей и для <= IE 8, и в этом случае вы добавите поведение только в эту таблицу стилей, поскольку она явно не нужна для других браузеров. </p>

В качестве отступления, используйте сокращение (если необходимо) вместо отдельных угловых свойств, так как это вызовет проблемы. Пример: border-radius: 8px; или радиус границы: 8px 7px 4px 3px; (вверху справа внизу слева)

Answer 2

Как всегда Google твой друг:

Попробуйте: http://code.google.com/p/curved-corner/

Этот zip-файл содержит примеры рабочих кодов для Internet Explorer 6, 7, 8:

http://code.google.com/p/curved-corner/downloads/detail?name=border-radius-demo.zip

IE9, если я верю, что изначально поддерживает код угла css3.