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

Question

Hello I am using moz-boder-radius(-webkit-border-top-left-radius) to add rounded divs to my website.

these work fine in Mozilla, chrome and safari but as usual Internet explorer have to have some problem.

Is there any such property to add rounded divs in Internet explorer.

Answer 1

In short: no, there is no such CSS property that would work in Internet Exporer today.

Read this article for more info.

Answer 2

This (jQuery plugin) works cross-browser:

http://jrc.rctonline.nl/

This is a standalone version, also works cross-browser:

http://www.dillerdesign.com/experiment/DD%5Froundies/

There's no way to get rounded corners with pure CSS in IE.

Answer 3

With pure CSS there is no way to do that for IE!

But you can add a conditional comment (<!--[if IE]><![endif]-->) with some extra CSS which apply four rounded corner images to a "top" div and a "bottom" div contained in a main div!

Answer 4

The -moz and -webkit properties are experimental, and not an official part of the CSS2. They are really meant to work for just Mozilla (Gecko) browsers, and may be phased out of those browsers too after a time.

I used this, it requires no images or javascript,just css:

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

Answer 5

MSDN official answer: Rounded Corners in Internet Explorer