Sure, no problem. I'm actually working on a skin for a non-profit organisation, so if I just send you a copy of that where Im up to at the moment, it should be enough to demonstrate the concept.
There is one thing Im still struggling on though - which is quite critical to the success of this method. In my skin_IE6.css file, Im trying to apply the DXImageTransform to load PNGs in certain cases, but its not working - I just see a blank area.
So in the main skin.css file, I apply the PNG as a background image (this skin is seen by firefox etc...), then in the skin_IE6.css file, I override it like this
.nav_bar_right
{
background:transparent;
filter:progid: DXImageTransform.Microsoft.AlphaImageLoader(
src='https://www.dnncreative.com/images/nav_bar_right.png',
sizingMethod='scale');
}
In fact, when I apply this fitler directly in the original skin.css file (so no extra css files added, just set the filter in the original skin) and load the webpage in IE6/7, I still just see a blank area.
I know the css class is being applied as if I set background:#f00 it changes colour, but the filter doesnt seem to work.
I remember reading somewhere that the URL of the png image for the DXImageTransform must be absolute to the wwwroot directory, but I tried that and it also didnt work, e.g.
.nav_bar_right
{
background:transparent;
/* Resolve to absolute skin path */
filter:progid: DXImageTransform.Microsoft.AlphaImageLoader(
src='https://www.dnncreative.com/Portals/_default/RRR2008/images/nav_bar_right.png',
sizingMethod='scale');
}
^^ That also has no effect even if I put it in the original skin.css file, so its not related to adding additional css files.
Do you have any ideas about that? I'd ideally like to resolve the png's using CSS alone, with no javascript.
Thank you,
AndyB