2009-10-24 1 views
4

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

эти работы отлично работают в Mozilla, chrome и safari, но, как обычно, у Internet Explorer есть некоторые проблемы.

Есть ли такие свойства, чтобы добавить закругленные divs в Internet explorer.

+0

Официальный ответ MSDN: [Округлые углы в Internet Explorer] (http://msdn.microsoft.com/en-us/library/Bb250413) – Dasanjos

+0

Вкратце: нет, такого свойства CSS, которое бы работало в Интернете Exporer сегодня. Прочтите [эту статью] (http://www.the-art-of-web.com/css/border-radius/) для получения дополнительной информации. – Jaanus

ответ

0

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

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

1

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

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

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

0

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

Свойство CSS border-radius поддерживается только с IE 9.0, которое приносит красивый округленный прямоугольник.

https://developer.mozilla.org/en/CSS/border-radius

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