Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.
Δεν με διαβαζεις προσεκτικα Δημητρη, δεν με διαβαζεις τσ τσ τσdimsis έγραψε:Να και άλλη μια λύση (script hack με .htc) για υποστήριξη CSS3 από IE6,7,8 :
Καλημερα στην ομορφη Αλεξανδρουπολη
Τιποτα μωρε πλακα κανω, απλα στο αρθρο που παρεθεσα υπαρχει και η ie αντιμετωπιση:
Rounded Corners in IE
None of the IEs support border-radius, not even IE8. When Microsoft released IE8, it’s almost as if they tried to catch up with browsers that were out when they released IE7. Don’t get me wrong, they fixed a lot and I wouldn’t trade even something small like display: table-cell for border-radius.
Fortunately, IE9 will have some CSS3 support, but until then we’ll have to use a border-radius hack in all IEs.
Although this hack is pretty fussy, I’ve gathered a couple guidelines that should help you debug any problems you may have.
First download this .htc solution: Curved Corner and upload it to your site. Then wherever you need a border radius, apply this CSS:
The path to border-radius.htc works differently than you may expect—unlike background-image paths which are relative to the stylesheet, this path is relative to the page from which you call the CSS.
That’s why it’s a good idea to avoid relative paths like we did above.
Hoops you have to jump through for IE:
Any element with this hack needs to have position, so unless it already has a position, attach position: relative.
It can act funny on some elements that are natively inline, even if you attach display: block, although not all the time (fun!).
It also has issues with elements that don’t ‘have layout’. Attach zoom: 1; to get around this.
You can only use this on elements with the same border radius applied to all their corners.
When using this over anything translucent, a white ghost-line will stroke the rounded rectangle.
Don’t even think about combining this with another IE hack, such as a box-shadow filter hack.
Another IE option:
You might also think about trying this method, although it seems more complicated to me.
Update – IE9
A few weeks ago at MIX10, Microsoft announced IE9, and it seems like they may have finally gotten a few things right. Of particular interest is IE9’s support of CSS rounded corners, which actually surpasses the support of all other browsers. See here.
Μέλη σε σύνδεση
Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες