Image Alpa on Web

[TheDogsBed]

Is there a way that I can't think of to have an image have an alpha transparency laid over another.

My Homepage has a webcam image updated every 15 minutes, set in a table. Underneath that lies another image. I would like the webcam image to be semi-transparent over the background image for that column.

I'm aware of layers, in so much that they exist. Could this be a solution, given the postition required, etc?

Any thoughts or ideas?

Thanks in advance.

[mikey]

This is avaliable in Internet explorer with a filter thta you can find from the MSDN site. I'm not sure about compatibility with other browsers though

[TheDogsBed]

This is avaliable in Internet explorer with a filter thta you can find from the MSDN site. I'm not sure about compatibility with other browsers though

Thanks Mike, I'll go take a hunt around. A part solution is better than no solution at all methinks!

[lostspyder]

Image alpha is realy easy, just dont use IE.

[TheDogsBed]

Image alpha is realy easy, just dont use IE.

In which case, it would be easier for you to post a solution to the problem instead of whatever that was that you just posted.

[mikey]

I think what he means is: you can make a transparent .png file that will work in pretty much all browsers excpet (the most widely used one) IE

Here is what you can do:

<img src="test.gif" style="filter:alpha("50")">

You'll have to experiment, because i cant test it (dont have IE)

[Banjo]

To use transparency on images in IE, it's style="filter:alpha(opacity=50)". However, this seems to cause an ActiveX script prompt, so some people may deny it and have a non-transparent image.

You could make a PHP script to check for Firefox, Opera and other standards supporting browsers :shifty: and then have it go to a transparent PNG. If it detects IE, it can echo style="filter:alpha(opacity=50)" and use a non transparent version.

For more on filters, clicky.

[TheDogsBed]

To use transparency on images in IE, it's style="filter:alpha(opacity=50)". However, this seems to cause an ActiveX script prompt, so some people may deny it and have a non-transparent image.

You could make a PHP script to check for Firefox, Opera and other standards supporting browsers :shifty: and then have it go to a transparent PNG. If it detects IE, it can echo style="filter:alpha(opacity=50)" and use a non transparent version.

For more on filters, clicky.

Thanks, Banjo, that helps a LOT!