CODEWITHSUNDEEP
htmlcssinternet-explorer
Ankit Sachan
Ankit Sachan

Reputation: 7840

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

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.

Upvotes: 4

Views: 6524

Answers (4)

Ravi
Ravi

Reputation: 3200

I guess you are trying to use IE version lesser than 9.0.

The border-radius CSS property is supported only from IE 9.0 which brings the nice rounded rectangle.

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

If you need to use rounded rectangle below IE 9.0, you may need to use images to achieve this.

Upvotes: 0

tahdhaze09
tahdhaze09

Reputation: 2213

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/

Upvotes: 1

BitDrink
BitDrink

Reputation: 1193

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!

Upvotes: 0

eozzy
eozzy

Reputation: 68670

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_roundies/

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

Upvotes: 1

Related Questions