Kamakailan ko wrote isang artikulo sa sa CSS3: Rounded Corners ng CSS , kung saan ay isang mahusay na solusyon para sa paglikha ng mga bilugan sulok. Gayunpaman, ang Internet Explorer ay hindi pa sinusuportahan ito, ngunit may ay isang solusyon na kung saan ang artikulong ito nagpapaliwanag.

Ang sumusunod na dalawang mga link na nagpapakita ng isang gumaganang bersyon at din ng isang zip file upang maaari mong i-download ang lahat ng kailangan mo upang makakuha ng ito gumagana.

• IE bilugan sulok demo
• ie-bilugan-corners.zip na na

HTML ay medyo tuwid forward at gumagamit ang code mula sa isa pang artikulo - ang HTML5 tutorial: Pagsisimula .

Upang makuha ang bilugan sulok na nagtatrabaho sa IE kailangan mo JQuery at JQuery script sulok parehong ay kasama sa itaas zip file na kung saan pagkatapos ko na sumasangguni mula sa HTML.

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

Susunod na kailangan mo lamang na sabihin ang browser na kung saan ang mga sulok na gusto mong bilugan.

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

Kung kayo ay pamilyar sa CSS sa lahat pagkatapos ay dapat magagawang upang madaling makita kung paano ito ay inilalapat gamit ang JavaScript bilang lamang namin ang paggamit ng elemento, ID o klase sa loob ng quote sa target na bahagi ng HTML.

Buod

At na ang lahat ng mayroong dito. Maaari kang lumikha ng lahat ng mga uri ng mga bilugan sulok epekto tulad ng ipinapakita sa bilugan sulok ng site ng demo . Hanggang ngayon, palagi ko na nilikha bilugan sulok gamit ang paraan na ito ngunit nakikita ang simple ng Jquery solusyon na ito, ako ay tempted upang lumipat para sa Internet Explorer hindi bababa sa at umasa sa CSS3 para sa WebKit at Mozilla browser.

Ano sa tingin ninyo? Ka pa rin gamit ang mga imahe para sa mga bilugan solusyon sulok o ang JavaScript at CSS3 pamamaraan magiging mas malawak na pagkalat sa komunidad ng pag-unlad?