Nemrég írtam egy cikket a CSS3: Kerek CSS Corners , ami egy nagyszerű megoldás létrehozására lekerekített sarkokkal. Ugyanakkor az Internet Explorer még nem támogatja, de van egy megoldás, amely ezt a cikket magyarázza.
A következő két linkek mutatnak működő verziót és egy zip fájl, így lehet letölteni mindent meg kell, hogy ez a munka.
A HTML szép egyenes továbbít és használ a kód egy másik cikket - HTML5 bemutató: Első lépések .
Annak érdekében, hogy a lekerekített sarkok dolgozó IE szükséged lesz jQuery és jQuery sarkában script mindkettő tartalmazza a fenti zip fájlt, amit már akkor hivatkozott a HTML.
<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>
Következő akkor egyszerűen kell mondani a böngésző, amely sarkokat szeretné kell kerekíteni.
<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>
Ha ismeri a CSS egyáltalán, akkor képesnek kell lennie arra, hogy könnyen látni, hogy ez hogyan alkalmazzák a JavaScript vagyunk, egyszerűen csak használja az elem, ID vagy osztály az idézőjelek a cél, hogy része a HTML.
Összefoglalás
És ez minden van hozzá. Hozhat létre minden lekerekített sarok hatások megjelennek a lekerekített sarkok demo site . Eddig, mindig létre lekerekített sarkok segítségével ezt a módszert , de látva az egyszerű ennek Jquery megoldás, én vagyok a kísértés, hogy váltani az Internet Explorer legalább építenek, és CSS3 a Webkit és Mozilla böngészők.
Mit gondol? Még mindig a képek lekerekített sarok megoldások, vagy a JavaScript és a CSS3 módszerek egyre sokkal elterjedt a fejlesztői közösség?
köszönöm Ram, ez a megoldás sokat segített. Keresek ilyen jó cikket tőled.