Onlangs schreef ik een artikel over CSS3: Afgeronde CSS Corners , dat is een geweldige oplossing voor het creëren van afgeronde hoeken. Echter, Internet Explorer nog niet ondersteunen, maar er is een oplossing die dit artikel wordt uitgelegd.
De volgende twee links aantonen dat er een werkende versie en ook een zip-bestand, zodat u kunt alles wat je nodig hebt om dit te laten werken te downloaden.
De HTML is vrij recht door zee en maakt gebruik van de code van een ander artikel - HTML5 tutorial: Aan de slag .
Met het oog op de afgeronde hoeken te werken in IE te krijgen die je nodig hebt JQuery en de JQuery hoek script die beide zijn opgenomen in de bovenstaande zip-bestand dat ik vervolgens heb verwezen van de HTML.
<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>
Vervolgens zul je gewoon nodig hebt om de browser die hoeken u wilt worden afgerond vertellen.
<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>
Als je bekend bent met CSS te allen dan moet je in staat zijn om gemakkelijk te zien hoe dit wordt toegepast met behulp van JavaScript als we eenvoudig met behulp van het element, ID of klasse binnen de aanhalingstekens om dat deel van de HTML-richten.
Overzicht
En dat is alles wat er is. U kunt allerlei afgeronde hoek effecten zoals getoond op de afgeronde hoeken demo site . Tot nu toe heb ik altijd gemaakt afgeronde hoeken met behulp van deze methode , maar het zien van de eenvoud van dit Jquery oplossing, ben ik geneigd om te wisselen voor Internet Explorer op zijn minst en op CSS3 vertrouwen voor Webkit en Mozilla browsers.
Wat denk je? Ben je nog steeds gebruik van afbeeldingen voor de afgeronde hoek oplossingen of zijn de JavaScript en CSS3 methoden steeds meer algemeen bekend in de ontwikkeling van gemeenschap?
dank je Ram, deze oplossing heeft me veel geholpen. Op zoek naar die goede artikelen van u.