Different alt1 alt2 for IE

[slyreptile]

I'm setting up my forum to use transparent png files. Everything is working correctly and as I want. In the alt1 and alt2 fields, I've placed code similar to this:

transparent url(../images/trans-30.png) repeat scroll 0%

The problem I'm having is it works for every browser EXCEPT IE6. IE6 shows gray boxes with no transparency. If I remove the transparent portion of the code, it works for IE6 (becomes transparent), but does not work for the other browsers.

Any ideas on how to resolve this without having to setup a child style? I don't want to do that as many of my members use different browsers.

[Andy Huang]

You can add something like this in your bottom most css box:

<!--[if IE]>
  .alt1 {
    # blah
  }
  .alt2 {
    # blah
  }
<![endif]-->

That will target all IE based browsers. Alternatively, you can do something like this:

<!--[if IE 6]>

  .alt1 {
    # blah
  }
  .alt2 {
    # blah
  }
<![endif]-->

... for just IE6. Please note that this is an IE hack, and probably cannot be applied to any other browser...

[slyreptile]

Excellent idea. Had forgotten about that box. Thanks for the guidance.