Hiding blocks of CSS from IE5.x

Written January 19. 2006, at 13:55 GMT.

To reliably hide blocks of CSS code from Internet Explorer 5.x (while having them render in virtually all other browsers) I've started to use this nasty little filter:

#rule1 { color : blue; }
i{_content:"\"/*"}
  #rule2 { color : green; }
*/ *{}
#rule3 { color : red; }

All browsers render all the rules, except in IE5.x which conveniently skips over #rule2.

This trick is a slight variant on the so-called Inline High-Pass Filter and I document it here for future reference.

More like this: English Entries, HTML/CSS.