Monday, June 3, 2024
 Popular · Latest · Hot · Upcoming
146
rated 0 times [  153] [ 7]  / answers: 1 / hits: 19101  / 12 Years ago, fri, march 30, 2012, 12: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: 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!


More From » html

 Answers
10

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.


[#86513] Thursday, March 29, 2012, 12 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
aubriechantalr

Total Points: 380
Total Questions: 95
Total Answers: 86

Location: Guadeloupe
Member since Sat, Aug 22, 2020
4 Years ago
;