Nemrég írtam egy cikket a CSS3: Lekerekített sarkok CSS , ami egy nagyszerű megoldás létrehozására lekerekített sarkok. 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 link bizonyítani egy működő verziót és egy zip fájl, így lehet letölteni mindent, amire szüksége van, hogy ezt a munkát.

• IE lekerekített sarkok demo
• IE-lekerekített corners.zip

A HTML meglehetősen egyenesen előre, és használja a kódot egy másik cikk - HTML5 bemutató: Első lépések .

Annak érdekében, hogy a lekerekített sarkok működik IE-ben lesz szükséged JQuery és a sarok JQuery script amelyek egyaránt szerepelnek 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önnyedén hogyan alkalmazták ezt JavaScript-tel, mint mi egyszerűen használja az elem, vagy osztály azonosítója az idézőjelek megcélozni azt a részét, a HTML.

Összegzés

És ez minden van hozzá. Hozhat létre mindenféle 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ű megoldás ennek Jquery vagyok a kísértés, hogy váltson az Internet Explorer legalább építenek, és a CSS3 Webkit és Mozilla böngészők.

Mit gondol? Ön még képeket a lekerekített sarok megoldások, vagy a JavaScript és a CSS3 sokkal módszerek egyre elterjedt a fejlesztési közösség?