Home/ Questions/Q 7711191
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T01:18:48+00:00

I’m using this CSS: #main{ border-radius: 50px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-radius: 50px; -webkit-border-bottom-right-radius:

  • 0

I’m using this CSS:

    #main{  
        border-radius: 50px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
            -webkit-border-radius: 50px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius: 50px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
    }

It works perfectly in FF, Chrome, IE9(i think) and Safari…
But its soooo ugly in IE8 ,

There are users using IE8, i have tried the .htc file but that dont support border-bottom-right-radius and border-bottom-left-radius…

I’m looking for a JS or HTC file that does support that (or an other solution for this)
I only need it for IE8, but its great if it support IE6 and IE7 aswell!

Thank you!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could try CSS Pie. I’ve not used it, so I can’t vouch for it.

    Overall, though: I’d let it go. The absence of rounded corners won’t break the experience for users in IE8. More capable browsers get the better experience. Progressive enhancement is a beautiful thing.

    • 0