The transparent background... Well it’s kind of a trick. I’m using simple transparent PNG’s but I’m using an ... less then elegant solution to get IE6 to display it correctly.
The stuff that makes it work while still keeping CSS standard compliant.
This only loads a specified CSS file for IE
<!-- Fix for IE -->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="assets/templates/nimja/style_ie.css" media="screen" />
<![endif]-->
Then the CSS
.Menu .Top {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=assets/templates/nimja/menu-top.png, sizingMethod=scale);
}
What it does: Set background to NONE and then add a background using MS Alpha DX tool thingy. (trust me, that’s all you really want to know)
Of course there are a few important design issues with transparent backgrounds as well. The readability of the text is quite important for stuff like that. So I chose for a low-contrast background with a dark, not very transparent black as a base for the site. And then light text-color again.
Anyway, thanks for the feedback. I’m hoping to keep my high standard of all I create. Including my, by now, very long story.
☆ A M B ☆
MODX Staff
