Experimental project

This is a sandbox project, which contains experimental code for developer use only.

Cross-Browser CSS is a simple module that adds the user's OS, browser and browser's version into your body tag as classes. For example, on a Google Chrome Apple user, the result will be:

<body class="apple chrome chrome17">

So you can easily do your CSS like this:

body.apple.chrome17 #block-block-2 {
  background-color: red;
}

And on a Internet Explorer 6 Windows user, the result will be:

<body class="windows ie ie6">

So you can easily do your CSS like this:

body.windows.ie6 #block-block-2 {
  background-color: blue;
}

You will then have a different display for different OS and browsers.

Project information

  • caution Maintenance fixes only
    Considered feature-complete by its maintainers.
  • Created by dcoulombe on , updated