Platinum Partner

CSS Filtering

I'm a big fan of keeping all css hacks out of the main stylsheet.

To target IE6, you must use a conditional comment





To target IE5, you can use a conditional comment or the following filters:

Just IE5

@media tty {
  i{content:"\";/*" "*/}}; @import 'ie5.css'; {;}/*";}
}/* */ 


Just IE5.5

@media tty {
  i{content:"\";/*" "*/}}@m; @import 'ie5-5.css'; /*";}
}/* */ 


Both IE5 and IE5.5 (this is my preferred method)

@media tty {
  i{content:"\";/*" "*/}} @import 'midpassbefore.css'; /*";}
}/* */ 



IE5 for the Mac does not have a conditional comment, so a css filter can be used

/*\*//*/
  @import "ie5mac.css";
/**/
 


A solution:
HTML


  ...
  
  
  
  
 

iehacks.css

/******* IE5/mac stylesheet ************/
/*\*//*/
  @import "ie5mac.css";
/**/
/******* IE5 Windows *******************/
@media tty {
  i{content:"\";/*" "*/}} @import 'midpassbefore.css'; /*";}
}/* */ 


sources:
http://tantek.com/CSS/Examples/ie50winbandpass.html
http://tantek.com/CSS/Examples/ie55winbandpass.html
http://www.stopdesign.com/examples/ie5mac-bpf/
http://tantek.com/CSS/Examples/midpass.html
http://www.dithered.com/css_filters/index.html
{{ tag }}, {{tag}},

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}
{{ parent.authors[0].realName || parent.author}}

{{ parent.authors[0].tagline || parent.tagline }}

{{ parent.views }} ViewsClicks
Tweet

{{parent.nComments}}