The Cone Trees network The UX Bookmark UX Quotes UX Jobs in Singapore Nice one yeah!

CSS 2 and CSS 3 compatibility with IE 7 javascript library

IE7 is not only the newest version of Microsoft’s internet browser which is irritating since Microsoft is all out to shove it down your throat, like it or not, but is also the JavaScript library that loads and parses all style sheets into a form that Explorer can understand. This lets you use most CSS2/CSS3 selectors without having to resort to CSS hacks. The one downside is it’s file size… 22kb.

IE7 javascript library

  • Supports the following CSS selectors:
    • namespace|selector
    • parent > child
    • adjacent + sibling
    • adjacent ~ sibling
    • [attr], [attr=”value”], [attr~=”value”] etc
    • .multiple.classes (fixes bug)
    • :hover, :active, :focus (for all elements)
    • :first-child, :last-child, only-child, nth-child, nth-last-child
    • :check, :disabled, :enabled
    • :root, :empty, :contains(), :not()
    • :before/:after/content:
    • :lang()
  • works with both HTML and XML documents
  • supports imported style sheets
  • preserves the cascade of the style sheet
  • does not alter the document structure
  • does not repeatedly query the DOM tree using JavaScript
  • uses pure CSS to enforce style sheet rules
  • supports the W3C box model in both standards and quirks mode
  • supports fixed positioning (flicker free)
  • supports overflow:visible
  • supports min/max-width/height
  • fixes broken (X)HTML elements (abbr, object)
  • standardies forms behavior
  • supports PNG alpha transparency
  • completely modular (add/remove fixes)
  • works for Microsoft Internet Explorer 5+ (Windows only)