Twitter Bootstrap: border-radius: 0 \0/;
In the newest release of Twitter Bootstrap (2.0) I came across this line:
border-radius: 0 \0/;
What does the \0/ do? Is the some obscure css trick or simply a typo?
\0/ is a construct that IE 9 ignores, but other browsers don't, so this line's there to set
border-radius to 0 for IE 9 only.
The Twitter Bootstrap developers left a comment in their sass source (although, the accompanying commit message isn't exactly self-assured):
border-radius: 0 e("\0/"); // Nuke border-radius for IE9 only
Paul Irish's fairly exhaustive list of CSS browser hacks says that
\0/ after an attribute is a hack that targets IE 8 and 9.
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here