Internet Explorer (IE) CSS hack using underscore

Posted By : Shaun McCran
Related Categories: HTML

Often when developing an application I might have to stray onto the front end of an application (say the designer is on holiday or something). It goes without saying that your application should work AND look the same whatever the browser, and we all know that there are cross browser compatibility issues....

Normally I would either create a script to detect the browser type and version, and then load a browser specific version of the stylesheet.

Today tho I wandered into the '_' fix for IE. I say that its a fix for IE, as the content works as expected in FF.

It turns out that IE will read CSS values that have been prefixed with an underscore. So you can override specific settings with IE only version, like below:

view plain print about

1.box {
2 margin-top: 100px;
3 width: 200px;
4 height: 100px;
5 background-color: green;
6 _background-color: red;
7}
8
9<div class="box">
10 This rectangle should be green on most of the browsers, except IE where it is red.
11</div>

The red background color will be ignored by everyone other than IE browsers.

Comments (0) |

Send |

del.icio.us |

Digg It! |

Linking Blogs |

Answer Questions

26

N

O

V

2008

Cats Protection league launches new feline themed credit card

Posted By : Shaun McCran
Related Categories: General Interest

I'm a big fan of cats, I've got a small herd of them myself, and they are great!

I'm not normally one for gimmicks, but in this case I've been swayed. You can now get a cat themed Credit Card through the Cats protection league.