Nedávno jsem napsal článek o CSS3: Cylindrické CSS rohů , což je skvělé řešení pro vytváření zaoblenými rohy. Nicméně, Internet Explorer zatím nepodporuje, ale je zde řešení, které tento článek vysvětluje.
Následující dva odkazy prokázat základní verzi a také zip soubor, takže si můžete stáhnout vše, co potřebujete k této práci.
HTML je docela rovně vpřed a používá kód z jiného článku - HTML5 tutoriál: Začínáme .
Aby bylo možné získat pracovní zaoblené rohy v IE budete muset jQuery a jQuery rohový skript z nichž oba jsou zahrnuty do výše uvedeného zip soubor, který jsem pak odkazuje z HTML.
<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>
Dále budete prostě muset říct prohlížeč, který rohy chcete být zaobleny.
<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>
Pokud jste obeznámeni s CSS vůbec, pak byste měli být schopni snadno vidět, jak je to nanáší JavaScript, jak jsme jednoduše pomocí prvku, nebo ID třídy do uvozovek zaměřit tuto část HTML.
Shrnutí
A to je všechno, co je k tomu. Můžete vytvořit všechny druhy zaobleným nárožím účinky, jako je uvedeno na zaoblenými rohy demo stránce . Až dosud jsem vždy vytvořena zaoblené rohy pomocí této metody , ale viděl jednoduchost tohoto řešení jQuery, jsem v pokušení přejít k aplikaci Internet Explorer nejméně a spolehnout se na CSS3 pro WebKit a Mozilla prohlížeče.
Co si myslíte? Používáte stále obrázky pro zaobleným nárožím řešení nebo jsou JavaScript a CSS3 metody jsou mnohem rozšířenějším v komunitě vývojářů?
děkuji Ram, toto řešení mi hodně pomohl. Hledáte takových dobrých článků od vás.