Roundies.js c'est le nom de la librairie génialissime qui permet de produire dans angles arrondis sous IE6...
Comme vous le savez les arrondis via CSS ne fonctionnent qu'à partir d'IE9... Du coup, c'est un peu l'enfer pour IE6.
Grâce à Roundies.js vous allez pouvoir définir des DIV avec angles arrondis en une ligne :
<div class="madivarrondie">
<p> bla bla bla </p>
</div>
<script type="text/javascript">
$(document).ready(function(){
DD_roundies.addRule('div.madivarrondie', '8px');
});
</script>
Si vous utilisez JQuery UI et la fonction Accordeon, vous remarquerez que sous Firefox vous visualisez bien des angles arrondis, par contre sous IE6 rien à faire... La solution :
<!--[if IE]><script type="text/javascript" src="js/Roundies.js"></script>
<script type="text/javascript">
DD_roundies.addRule('.ui-corner-all', '8px');
DD_roundies.addRule('.ui-corner-top', '8px 8px 0 0');
DD_roundies.addRule('.ui-corner-bottom', '0 0 8px 8px');
DD_roundies.addRule('.ui-corner-right', '0 8px 8px 0');
DD_roundies.addRule('.ui-corner-left', '8px 0 0 8px');
DD_roundies.addRule('.ui-corner-tl', '8px 0 0 0');
DD_roundies.addRule('.ui-corner-tr', '0 8px 0 0');
DD_roundies.addRule('.ui-corner-br', '0 0 8px 0');
DD_roundies.addRule('.ui-corner-bl', '0 0 0 8px');
</script>
<![endif]-->
http://www.dillerdesign.com/experiment/DD_roundies/