browser compatabilty probs..

[timmo567]

I need a semi transperant black image... I have tried .png and .gif but none work with internet explorer only opera and netscape... so what file format do I have to save a semi-transperant black image in to make it work with internet explorer... I need help with this badly..

[tedster]

Welcome to WebmasterWorld, timmo567

I have bad news -- there is no semi-transparency support in IE. All you can do is simulate the look graphically. PNG is the contender here, with its "alpha channel transparency" but support has been a long time coming.

[garann]

I've gotten IE to display a PNG with alpha transparency using the AlphaImageLoader filter, as outlined in this article on A List Apart [alistapart.com]. It's a pain, since you have to display the image two entirely different ways for IE and not-IE, but it does get the job done.

[timmo567]

<td colspan="2" valign="top" background="images/body_bg.png"><p align="center"><font size="-1" face="Book Antiqua">

well thats the non-IE version...

I'm pretty new to all this some I'm not too sure how to put it together and all..

<td colspan="2" valign="top" background=<DIV ID="myDiv" STYLE="position:relative;
height:550px;
width:387px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='images/body_bg.png',sizingMethod='scale');"></DIV><p align="center"><font size="-1" face="Book Antiqua">

That would be my 1st guess for the IE version but I can just tell it's wrong.. I have no idea guys.. could anyone help me out please?

[bill]

You could do this with CSS to some degree, but it's only suppored in IE

<div style="width:600px; filter:alpha(opacity=75);" class="green">
[content]
...
...
</div>

That would give you a semi transparent box with whatever properties you gave the green class.

[rainborick]

There's also a corresponding function for Netscape/Mozilla, as in:

function lightup(imageobject, opacity){
  if (ns6) { imageobject.style.MozOpacity=opacity/100; }
   else if (ie5)
 { imageobject.filters.alpha.opacity=opacity; }
}