Alloyfish Developments
Monday 6th July 2009
3:00am
Achieving cross-browser rounded corners without image manipulation (ie6, ie7, ie8, FF, Safari, Opera, Google Chrome)
First, use both a CSS and a Javascript solution. The javascript method will rely on prototype (from http://www.prototypejs.org/ ), and provides support where there is no native browser facility.
Javascript:
Note: This can support all browsers, but the results are worse than that obtained via CSS
Download the scriptaculous-js-1.8.2 framework, here http://script.aculo.us/
<head>
<script type="text/javascript" src="scriptaculous-js-1.8.2/lib/prototype.js"></script>
<script type="text/javascript" src="scriptaculous-js-1.8.2/src/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="scriptaculous-js-1.8.2/src/corners.js"></script> <!-- download plug in here http://malsup.com/jquery/corner/jquery.corner.js , DEMO: http://malsup.com/jquery/corner/ -->
&l…
Pending Message(s)
Alloyfish
