CSS compatibility

Browser Compatibility References and Tables

When Can I Use...

This website is a good reference that shows compatibility for HTML5, CSS3, and SVG the most commonly used browsers, for both desktop and mobile

Cross Browser Compatibility Tools

These tools are divided into two kinds: paid, and free tools. However most non-paid tools do not work for Mac OS. When they do, they offer limited use, such as only providing static screenshots of a webpage on the requested browser. On the other hand, most paid tools provide their paying users with remote test machines which they can access to dynamically check browser compatibility.

Xenocode Browser Sandbox

• Free
• Windows only
• Dynamic testing

BrowserCam

• Paid
• Web-based: Cross-platform
• Flexible browser/OS combinations available to test, including mobile devices
• Dynamic and static testing

Cross Browser Testing

• Paid
• Web-based: Cross-platform
• Dynamic and static testing

Litmus: Alkaline

• Paid: 8 different browsers - Free: IE 7 and Firefox 2 only
• Mac only
• Static testing (screenshots only)

Browser Shots

• Free
• Web-based: Cross-platform
• Wide selection of browsers available to test
• Static testing (screenshots only)

IE Tester

• Free
• Computer software: Windows only
• Tests IE browsers only
• Dynamic testing

IE NetRenderer

• Free
• Web-based: Cross-platform
• Tests IE browsers only
• Static testing (screenshots only)

Adobe BrowserLab

• Paid
• Computer software: Mac and Windows
• Static testing (screenshots only)

Hacks and Work-Arounds

Browser Detection

Conditional comments:

<!--[if IE]>
        <link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

Script Browser Detection:

• Javascript Browser Detection
• PHP Browser Detection

---

Browser Specific Hacks

Resolution Dependent Layouts