Rounded Corners CSS

[Uberalles_gr]

Καλησπέρα παιδιά,

 

έχω ένα div και θέλω να έχει στρογγυλάδες (rounded corners) αλλά δεν θέλω με javascript(jquery) γιατί θα το χρησιμοποιήσω σε αρκετά σημεία και φαντάζομαι ότι θα "αργοπορεί" το site.

 

Για αυτό τον λόγο χρησιμοποιώ CSS και ο κώδικας είναι ο παρακάτω

>
background-color:#FFFFFF;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color:#000000;

 

Μου παίζει άψογα σε όλους τους broswers εκτός από IE.

 

Τι μπορώ να κάνω παίδες; Κάποια ιδέα;;

 

Εντέλει αυτό που θέλω να κάνω γίνεται ΜΟΝΟ με js για όλους τους broswers;;

[Haldol]

Σε ποιον IE αναφέρεσαι; Διότι από τον IE9 και έπειτα, υπάρχει υποστήριξη για rounded corners. Θα πρέπει να χρησιμοποιήσεις το EDGE meta tag και μετά δουλεύεις με rounded corners χωρίς κάποιο vendor prefix.

 

 

><meta http-equiv="X-UA-Compatible" content="IE=edge" />

 

Για πιο παλιές εκδόσεις του IE, θα πρέπει να στραφείς σε JavaScript λύσεις.

 

Αλλά άσ' το καλύτερα. Άσε τα καλούδια του CSS3 για τους browsers που τα υποστηρίζουν, άλλωστε δε χρειάζεται ένα site να δείχνει παντού το ίδιο.

[Uberalles_gr]

Έγω ΙΕ8 και 7.

 

Σκέφτηκα να το κάνω έτσι όπως το είπες με την js εάν είναι IE.

[Haldol]

Η γνώμη μου είναι να μη το κάνεις. Θα πρέπει φυσικά να προσφέρεις μια καλή εμπειρία πλοήγησης σε όλους τους χρήστες σου, αλλά αυτό δε σημαίνει αναγκαστικά rounded corners ακόμα και για τον ΙΕ 7/8. Φρόντισε λοιπόν το site ώστε να δείχνει σωστά (δομή, κλπ). Αλλά τα rounded corners δεν είναι απαραίτητα, όχι τόσο τουλάχιστον ώστε να αρχίσεις τις hackιές.

 

 

Εάν όμως επιμένεις, δες τι μπορείς να κάνεις και με το CSS3 PIE.

[Uberalles_gr]

Σε ευχαριστώ θα του ρίξω μια ματιά!