Alloyfish Developments
Monday 6th December 2010
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/
Then add the plugin found here: 'http://malsup.com/jquery/corner/jquery.corner.js', which is not a standard scriptaculous-component, but requires the 'scriptaculous' framework to work.
Once all external JavaScript Frameworks as shown above are included, then you need to call your own javascript to make sure all required elements are supported and loaded before calling corners effect function.
The demonstration code at the bottom of t…
Pending Message(s)
Alloyfish
