Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

CSS3 / late CSS2 cross browser compatibility (possibly with jQuery)

CSS3 / late CSS2 cross browser compatibility (possibly with jQuery)

Problem

A certain project is producing marvellous results with use of the following CSS features:

box-shaddow; border-radius; RGBA colours on borders and backgrounds.

Problem is that the first two require late Firefox / Chrome / Safari

browsers and the second is incompatible on IE8 and below along with previous incarnations of Firefox and Safari.

So some of these features can be simulated with PNG images but it is a very extensive way of getting around the problem.

Is there a jQuery plugin / function / procedure that could mimic these 3 properties with reasonable similarity.

Problem courtesy of: Robin Knight

Solution

CSS3 PIE might be what you are looking for. However, HTML5 Please recommends not using a polyfill for these features, but only a reasonable fallback.

Solution courtesy of: Inkbug

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

CSS3 / late CSS2 cross browser compatibility (possibly with jQuery)

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×