Neseniai aš rašė straipsnis css3: Suapvalinti CSS Corners , kuris yra puikus sprendimas sukurti užapvalintais kampais. Tačiau, Internet Explorer dar ją palaiko, bet yra sprendimas, kuris šiame straipsnyje paaiškinama.

Šios dvi nuorodos įrodyti darbo versiją ir taip pat zip failas, todėl galite atsisiųsti viskas, ko jums reikia gauti šį darbą.

• IE suapvalinta kabinos demonstraciją
• ty suapvalinti-corners.zip

HTML yra gana važiuoti tiesiai į priekį ir naudoja kodą iš kito straipsnio - HTML5 pamoka: Darbo pradžia .

Siekiant gauti užapvalintais kampais, darbo IE turėsite JQuery ir JQuery kampinį scenarijų, kurie abu yra įtraukti į pirmiau zip failas, kurią aš jau tada nuoroda iš HTML.

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

Toliau jums tereikia pasakyti naršyklę, kuriuos jūs norite kampai suapvalinti.

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

Jei esate susipažinę su CSS, tada jums turėtų būti galima lengvai pamatyti, kaip šis principas bus taikomas naudojant "JavaScript", nes mes tiesiog naudojant elementą, ID arba klasė, kaip apibrėžta kabučių nukreipti, kad dalis HTML.

Santrauka

Ir tai viskas, nėra prie jo. Jūs galite sukurti visus užapvalintais kampinių poveikio rūšių, kaip parodyta užapvalintais kampais demo svetainėje . Iki šiol aš visada sukurtas naudojant šį metodą, bet pamatyti šio JQuery sprendimo paprastumą suapvalinti kampus , aš bandyti pereiti bent Internet Explorer ir remtis css3 WebKit ir Mozilla naršyklėse.

Ką manote? Ar jūs vis dar naudojate vaizdus apvalintos kampinių sprendimų arba "JavaScript" ir CSS 3 būdai tampa daug plačiau paplitęs vystymo bendrijai?