blogfreakz.com » IE http://blogfreakz.com Web Development, Web Trends, open source resources Fri, 10 Feb 2012 05:40:03 +0000 en hourly 1 http://wordpress.org/?v=3.1.4 ie-css3.js – CSS3 pseudo selector emulation for IE 5-8 http://blogfreakz.com/css-layout/css3-emulation-for-ie/ http://blogfreakz.com/css-layout/css3-emulation-for-ie/#comments Thu, 21 Jan 2010 14:17:25 +0000 Mufti Ali http://blogfreakz.com/?p=3030 ie-css3.js is javascript library that allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets  they’ll work in IE

ie css3 600x250 ie css3.js CSS3 pseudo selector emulation for IE 5 8
How it work

e-css3.js downloads each style sheet on the page and parses it for CSS3 pseduo selectors. If a selector is found it’s replaced by CSS class of a similar name. For example: div:nth-child(2) will become div._iecss-nth-child-2. Next, Robert Nyman’s DOMAssistant is used to find the DOM nodes matching the original CSS3 selector and the same CSS class is applied them.

Finally, the original stylesheet is replaced with the new version and any elements targeted with CSS3 selectors will be styled.

Supported pseudo selectors
  • :nth-child
  • :nth-last-child
  • :nth-of-type
  • :nth-last-of-type
  • :first-child
  • :last-child
  • : only-child
  • :first-of-type
  • :last-of-type
  • : only-of-type
  • :empty

Requirements: DOMAssistant
Compatibility: IE 5-8
Website: http://www.keithclark.co.uk/labs/ie-css3/
License: MIT license

Incoming search terms for the article:

]]> http://blogfreakz.com/css-layout/css3-emulation-for-ie/feed/ 0