Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Twitter Bootstrap: border-radius: 0 \0/;

Twitter Bootstrap: border-radius: 0 \0/;

Problem

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?

https://github.com/twitter/bootstrap/blob/master/docs/assets/css/bootstrap.css#L568

Problem courtesy of: Kyle Decot

Solution

Apparently, the \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.

Solution courtesy of: John Flatness

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Twitter Bootstrap: border-radius: 0 \0/;

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×