How do I use CSS to create rounded corners in IE 8? [duplicate]


Tags: html,css,internet-explorer-8,rounded-corners

Problem :

This question already has an answer here:

How do I use CSS to create rounded corners in IE 8? Since the CSS rule corner-radius doesn't work is there a solution to create rounded corners in using CSS in IE8 (or IE6, and IE7).



Solution :

After a lot of research, I have found that there is a fix similar to the PNG transparancy fix available to IE6, called CSS3Pie. The website to the solution is found here: http://css3pie.com

You will simply have to add behavior: url(path/to/pie_files/PIE.htc); to your css anywhere you wish to implement rounded corners.

#myAwesomeElement {
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(path/to/pie_files/PIE.htc);
}

    CSS Howto..

    How to get a jQuery modal overlay to not push the scrollbar around?

    HTML5 Modal Dialog is showing shortly on page load, how can i stop this?

    how to make DIV show up on top of other Divs

    How to change css properties on hover parent element?

    How to minimize the number of CSS classes created?

    Using two buttons on one div, how do you fade in slowly then fade out?

    How to make div expandable with content while setting min height property as well in CSS

    How to add space after border in css

    How to make right and bottom css properties work on a textarea in IE? (IE9 and below)

    How to turn off :hover with CSS?

    How to print labels from a label printer using html

    how to make the entire form (input and submit button) change border color on focus (bootstrap 3)

    How to remove the default active tab color when another tab is active using jquery

    How to close this menu clicking outside?

    How to make table by CSS?

    How to add dynamic CSS style sheet for single xhtml file

    How to make triangle shape in before a div in pure css?

    CSS How to hide text after a span

    how to make a child div visible when clicking its parent div in pure css

    How can I make my web page load faster?

    Use CSS to show two div's with background image over a containing div

    How can I center the nav menu items using bootstrap 3?

    how to make the text in a div to not overflow its width

    How to make css notifications without jQuery? [closed]

    Preload all CSS images while showing a preloader

    Buttons on bootstrap timepicker is not showing

    Showing ellipsis in CSS table-cell element

    Twitter widget covers up another div that might appear over it . How to make twitter widget appear under?

    How to deal with different stylesheets (WYSIWYG Editor and Webpage one) in the same page?

    h1:hover is responding on the whole width, unable to link h1 and don't know how to target things individually