开发者

Curved corners in IE8?

I understand that Internet Explorer is poor at supporting CSS3 - but is there any way to create curved corners when using divs like you are able to do in FF and Safari in IE?

Can anyone provide working code examples I can use to learn how to code this correctly.

Thanks

开发者_如何学Go

Jamie.


CSS pie is a great option.

http://css3pie.com/

It's very simple to use - just drop in a htc file, enter your css3 styles, and add the following behaviour:

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

It's generally a good idea to use a conditional stylesheet for <= IE 8 as well, and in that case you'd add the behaviour in only that stylesheet as it's obviously not needed for other browsers.

As an aside, use the shorthand (if necessary) instead of individual corner properties as this will cause issues. Example: border-radius: 8px; or border-radius: 8px 7px 4px 3px; (top right bottom left)


As ever Google is your friend:

Try: http://code.google.com/p/curved-corner/

This zip file has working code examples for Internet Explorer 6, 7, 8:

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

IE9 should I believe support css3 corner code natively.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜