Hi, <br />
<br />
I have a web page with a css image background; I would like the image to slightly show through a centered table's background color. In other words is it possible to optimize a gif so that it can do alpha transparecy?<br />
<br />
thanks,<br />
john<!--content-->Microsoft have an Alpha filter.<br />
<!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/author/filter/reference/reference.asp">http://msdn.microsoft.com/workshop/auth ... erence.asp</a><!-- m --><br />
<br />
Won't work for the 4% of people using Netscape (Source (<!-- m --><a class="postlink" href="http://www.w3schools.com/browsers/browsers_stats.asp">http://www.w3schools.com/browsers/browsers_stats.asp</a><!-- m -->)).<!--content-->ok... there's a thread in here somewhere about this...<br />
<br />
looky here: <!-- w --><a class="postlink" href="http://www.meat-thing.com/tmp">www.meat-thing.com/tmp</a><!-- w --><br />
<br />
that's alpha, using .PNG for Netscape (which doesn't work well in IE), and CSS filters for IE (which doesn't work well in NN). a javascript figures out which is which, and writes the whole thing on top using layers. in fact, the main part of the content appears twice, for spacing purposes. check out the source code... but bear in mind you must keep control of the font size on BOTH layers or it won't work.<br />
<br />
there's a much better way to do this as well, but i have yet to work it out for myself and test it.<br />
<br />
also, for browsers that i don't personally like, the javascript redirects to a seperate page that has a gif with EVERY OTHER PIXEL transparent. (it's a really really really small checkerboard, and the ONLY way to get around alpha for older browsers).<!--content-->http://www.htmlforums.com/showthread.php?s=&threadid=14482<!--content-->Thanks for the links! I searched for it and found a simple style for it: <br />
<br />
style="Filter: Alpha(Opacity=5)<br />
<br />
<br />
<br />
Well along with the success comes problems, and as always it has to do with Netscape.
Netscape doesnt support alpha, and makes the page look hideous! Anyone know of any netscape scripts so if its a netscape, then the layer "disappears"? (the black gif is on a layer)<!--content-->
<br />
I have a web page with a css image background; I would like the image to slightly show through a centered table's background color. In other words is it possible to optimize a gif so that it can do alpha transparecy?<br />
<br />
thanks,<br />
john<!--content-->Microsoft have an Alpha filter.<br />
<!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/author/filter/reference/reference.asp">http://msdn.microsoft.com/workshop/auth ... erence.asp</a><!-- m --><br />
<br />
Won't work for the 4% of people using Netscape (Source (<!-- m --><a class="postlink" href="http://www.w3schools.com/browsers/browsers_stats.asp">http://www.w3schools.com/browsers/browsers_stats.asp</a><!-- m -->)).<!--content-->ok... there's a thread in here somewhere about this...<br />
<br />
looky here: <!-- w --><a class="postlink" href="http://www.meat-thing.com/tmp">www.meat-thing.com/tmp</a><!-- w --><br />
<br />
that's alpha, using .PNG for Netscape (which doesn't work well in IE), and CSS filters for IE (which doesn't work well in NN). a javascript figures out which is which, and writes the whole thing on top using layers. in fact, the main part of the content appears twice, for spacing purposes. check out the source code... but bear in mind you must keep control of the font size on BOTH layers or it won't work.<br />
<br />
there's a much better way to do this as well, but i have yet to work it out for myself and test it.<br />
<br />
also, for browsers that i don't personally like, the javascript redirects to a seperate page that has a gif with EVERY OTHER PIXEL transparent. (it's a really really really small checkerboard, and the ONLY way to get around alpha for older browsers).<!--content-->http://www.htmlforums.com/showthread.php?s=&threadid=14482<!--content-->Thanks for the links! I searched for it and found a simple style for it: <br />
<br />
style="Filter: Alpha(Opacity=5)<br />
<br />
<br /><br />
Well along with the success comes problems, and as always it has to do with Netscape.
Netscape doesnt support alpha, and makes the page look hideous! Anyone know of any netscape scripts so if its a netscape, then the layer "disappears"? (the black gif is on a layer)<!--content-->