moz-border-radius, moz-box-shadow в IE

Question

Я использую moz-boder-radius (-webkit-border-top-left-radius), чтобы добавить округленные div на мой сайт.

они прекрасно работают в Mozilla, Chrome и Safari, но, как обычно, Internet Explorer должен иметь некоторые проблемы.

Есть ли такое свойство для добавления округленных div в Internet Explorer.

Answer 1

Свойства -moz и -webkit являются экспериментальными и не являются официальной частью CSS2. Они действительно предназначены для работы только с браузерами Mozilla (Gecko) и могут быть постепенно исключены из этих браузеров.

Я использовал это, он не требует изображений или JavaScript, просто CSS:

http://blog.benogle.com/2009/04/29/css-round-corners/

Answer 2

Это (плагин jQuery) работает кросс-браузер:

http://jrc.rctonline.nl/

Это автономная версия, также работает кросс-браузер:

http://www.dillerdesign.com/experiment/DD_roundies/

Невозможно получить закругленные углы с помощью чистого CSS в IE.

Answer 3

Полагаю, вы пытаетесь использовать версию IE меньше, чем 9.0.

Свойство border-radius CSS поддерживается только в IE 9.0, который приводит к хорошему скругленному прямоугольнику.https://developer.mozilla.org/en/CSS/border-radius

Если вам нужно использовать прямоугольник с закругленными углами ниже IE 9.0, вам может потребоваться использовать изображения для достижения этой цели.

Answer 4

С чистым CSS нет способа сделать это для IE!

Но вы можете добавить условный комментарий (<!--[if IE]><![endif]-->) с дополнительным CSS, который применяет четыре закругленных угловых изображения к «верхнему» div и «нижнему» div, содержащемуся в главном div!