Any JavaScript Library that makes CSS3/HTML5 website work on all browsers, including IE6-8?

Question

Is there any JavaScript Library that makes CSS3/HTML5 website fully work on all browsers, including IE6-8?

Latest eCSStener and Modernizr does not make CSS3 work on IE6-8.

Answer 1

If you're reffering to the problem with rendering HTML5 elements such as , just add a simple JS hack to the head of the page:

<script type="text/javascript">
document.createElement('header');
document.createElement('article');
// ...and so on
</script>

Answer 2

There's HTML5 Now, though it's not seen much activity recently and probably isn't ready for production use. It's by the same guy who wrote the IE7.js library.

For now you're probably better off limiting the amount of CSS3 and HTML5 you use and then looking for specific ways of enabling cross browser support for those bits.

Answer 3

No.

CSS 3 and HTML 5 (neither of which is even finished yet) make some things that are possible easier and some things that are impossible possible.

You've already found libraries to simulate the bits that make the possible easier, but you aren't going to make the impossible possible using a JavaScript library. HTML 4 / DOM 1/2/3 / CSS 2.1 simply don't provide methods to store large amounts of data between sessions, run background processes, and a host of other things.

Some things could be simulated, but not without side effects. For example, you could duplicate text and use positioning to fake text-shadow, but then screenreaders would read out the content twice.

You need to think very carefully about what new technologies you want, and build your pages according to the principles of progressive enhancement.