Niedawno napisałem artykuł na CSS3: Drewno Corners CSS , który jest doskonałym rozwiązaniem do tworzenia zaokrąglonych rogach. Jednak Internet Explorer nie obsługuje jeszcze tego, ale jest to rozwiązanie, które ten artykuł wyjaśnia.

Poniższe dwa linki wskazują na wersję roboczą, a także plik zip, dzięki czemu można pobrać wszystko, czego potrzebujesz, aby uzyskać tej pracy.

• IE zaokrąglone narożniki demo
• tj. zaokrąglone-corners.zip

HTML jest dość prosta i wykorzystuje kod z innego artykułu - samouczek HTML5: Pierwsze kroki .

Aby uzyskać zaokrąglone rogi pracy w IE musisz JQuery i JQuery skrypt narożnika z których oba są zawarte w powyższym pliku zip, które ja następnie odwołanie od HTML.

<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>

Następny będziesz po prostu trzeba poinformować przeglądarkę co rogi chcesz być zaokrąglone.

<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>

Jeśli jesteś zaznajomiony z CSS w ogóle, to powinieneś być w stanie łatwo zobaczyć, jak to jest stosowane przy użyciu JavaScript, jak my po prostu za pomocą elementu, ID lub klasy w ciągu cudzysłowów kierować, że część kodu HTML.

Streszczenie

I to wszystko na ten temat. Można tworzyć wszelkiego rodzaju zaokrąglonych narożnikach efektów, jak pokazano na zaokrąglonych rogach demo miejscu . Do tej pory, zawsze tworzone zaokrąglone narożniki za pomocą tej metody, ale widząc prostotę tego rozwiązania Jquery, mam ochotę przełączyć na Internet Explorera co najmniej i polegać na CSS3 dla Webkit i Mozilla.

Co o tym sądzisz? Czy nadal wykorzystując obrazy dla zaokrąglonych rozwiązania narożne lub są JavaScript i CSS3 metody stają się znacznie bardziej rozpowszechniony w środowisku rozwoju?