Transparency in IE en Firefox

CSS:

filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;

min-width en max-width in ie

Simuleer min-width / max-width in IE door onderstaande code;

#container
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");
}

PNG alpha transparency en IE

PNG alpha transparency wordt niet ondersteund in IE, gebruik hiervoor:

/* */

* html .kader .hd {

 margin-right:0px; /* space for right corner */

background: none;

width: 250px;

height:25px;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/kaderTopL.png', sizingMethod='scale'); }

/* */

Waarbij de PNG in de background gebruikt dient te worden, en de property WIDTH is heel belangrijk!!

-We use ‘/* \*/’ to hide the filter from Mac IE
-We use ‘* html’ to make it IE specific
-We set the background on the DIV to ‘none’ to overwrite the non-IE settings
-Then apply the filter.
All you should need to do is to replace the ’src’ path and select you ’sizingMethod’. In this case we are using sizingMethod=’scale’ which displays top left and stretches the image to fill the dimensions of the element to which it is applied. You could also use sizingMethod=’crop’ which will display our image in the top left position non-tiled at it’s original size.

in IE werkt een link klikken niet meer, heeft te maken met HasLayout
http://www.satzansatz.de/cssd/tmp/alphatransparency.html

HasLayout trigger

deze modus wordt in ie (o.a.) getriggerd met de volgende tag;

{
zoom:1;
}