CSS Hacks Lab a project of the Browser Bugs Working Group

Hacks researched:

• Pseudo-element hacks
  • _::-webkit-full-page-media
• Pseudo-class hacks
  • _:-webkit-full-screen
• Media query hacks
  • @media (min-width: 0\0)
• Property value hacks
  • The property: value\9; family of hacks
    • length-property: length\9;
    • background-color: color\9;
  • The property: value \9; (note the space) family of hacks
    • length-property: length \9;
    • background-color: color \9;
  • The property: value\0; family of hacks
    • length-property: length\0;
    • background-color: color\0;
  • The property: value \0; (note the space) family of hacks
    • length-property: length \0;
    • background-color: color \0;

About

Due to the existence of bugs in browsers' rendering engines, it is sometimes necessary to use CSS hacks to conditionally apply special styles only in specific browsers to mitigate such bugs. This repository/website houses research on some CSS hacks, including testcases and thorough compatibility test results. It is a project of the Browser Bugs Working Group.

For comparison, Browserhacks.com covers a greater number of hacks, including JavaScript hacks too, but as of this writing unfortunately isn't very actively maintained, and the data for a few hacks is outdated. Particularly unfortunately, there is no easy way to ascertain how up-to-date the information on each hack is. In the meantime, CSS Hacks Lab aims to be an improvement in this regard by including clear "Last updated" datestamps and by being very explicit about what browser versions have and haven't been tested.