Implement border radius in IE…hack IE for curved/rounded corner border

261 views

we know that rounded corner border is only working fine in firefox ,safari etc but not in IE. There is a hack for implementing curved border in IE.I got a file border.htc which is directly called in CSS using behavior property.

syntax:

behavior:url(border.htc)

this behavior is only for IE for other browser we have to use border radius property.

How To implement Border radius in IE ?

1.Download border.htc File.
2.write 

.curved {

-moz-border-radius:10px;

-webkit-border-radius:10px;

behavior:url(border.htc);

}

in stylesheets

3. call this class curved in HTML.

Example:

<div class="curved">This div made curved box.</div>

Tags: , , , , , , ,



« Create your curved border with CSS/CSS3: border radius in css Why Google Suffers Email Disruption? (news) »
Posted on Monday, September 28th, 2009 at 4:15 pm under CSS, miscellaneous tricks | RSS 2.0 Feed

Post Comment

You must be logged in to post a comment.



ComputerEducationWorld.com All Rights Reserved © RSS | CBSE | Education Boards Of India | What is My IP?