Forum Moderators: not2easy
First off, the important part of this question is I am using a gradient filled background for my website...No image, just pure html code to produce the gradient filled background.
Now,
I have just created an image using Xara X, and I am having a problem trying to make it transparent (this would be because of the gradient background, I know).
How could I get the *best* transparency possible for my images that would 'sit' directly on top of the gradient filled background?
Note: I know about html tables and filling the table background with a solid color, and using a solid color for the background of my image will do the trick, but how could I get the images' background color transparent to the gradient filled background on my website? This would make it so:
1. I Wouldn't have to use a table with a solid background color or use a border, and...
2. You wouldn't see the outter border 'residue' left behind from the image like on my image right now.
You can see *exactly* what I mean by going to:
<snip>
Thank you in advance!
-Brian
[edited by: korkus2000 at 12:55 pm (utc) on Sep. 7, 2004]
[edit reason] No site reviews please [/edit]
I see on your site why a standard transparent gif won't help; because you have diagonal edges on the image in question.
My experience in web isn't great, but from what I understand the use of PNGs is not a good move due to limited support across browsers. Apparently the PNG standard isn't used everywhere.
Perhaps you could consider removing the gradient background (although it does look quite nice), or else maybe modify the border of the troublesome image so that there are no external diagonal edges.
Sorry I can't be more help.
8 bit .png images are no better than .gif, as far as edge artifacts go, since they are both 8 bit (not enough resolution for sharp edges).
In theory, you would use a 24 bit .png, instead of a .gif. With the added resolution of 24 bit, the edges will look very nice (but the file size will be much larger).
That's the theory.
But when a client of mine recently demanded such a background (against my advice), i tried a 24 bit .png. Looked very nice in Dreamweaver - but MSIE 6 rendered it as a solid color, instead of transparent.
Happily, i got help from their corporate logo graphics guru in convincing them not to use a non-solid background - after wasting a lot of time making samples to show them how bad it looked.
My advice is to forget your gradient background, at least until the browsers do a better job rendering 24 bit .png.
[leon.vicnet.net.au...]
"And it works on IE5.5, IE6, Gecko, Opera and kde (all PC, MAC, Linux)"
"...There are drawbacks, but they're pretty obvious ones. The AlphaImageLoader is not valid CSS (Damn! Can't submit a design to Zen Garden with it, which is why I wanted to do this in the first place) and it will not work in Netscape4, WinIE5, or MacOpera6. People have that it dose not work in other browsers to, but have confused my doge CSS with the method not working."
I thought I heard something about CSS3 having support for transparancy?
Anyway, hope that helps...
I dream of a web where all browsers, and all computers display content equally!
Peace!
