Computing.Net > Forums > Web Development > Transparent image

Transparent image

Reply to Message Icon

Original Message
Name: Zenno
Date: May 17, 2004 at 13:45:18 Pacific
Subject: Transparent image
OS: Windows XP
CPU/Ram: P4 1.8 / 1.5 G
Comment:

I know it's impossible to do but i'm asking anyway.

Is it possible to put a transparent image on a web site, transparent enough so you could see the web site background beneath it.

I know that i could fake it in photoshop by putting it already with the background but this cannot apply for what i want to do.

I already got my .psd that is on a single layer and transparent but how to save it to preserve it's transparency.

Thank you.

Zenno.


Report Offensive Message For Removal


Response Number 1
Name: chaud
Date: May 17, 2004 at 14:12:57 Pacific
Subject: Transparent image
Reply: (edit)

yes, just save as a .gif....leave what you want transparrent

http://excellhosting.net for all your hosting needs.


Report Offensive Follow Up For Removal

Response Number 2
Name: SN
Date: May 17, 2004 at 14:13:56 Pacific
Subject: Transparent image
Reply: (edit)

"I know it's impossible to do but i'm asking anyway. "
Very commonly done. There are two formats that support transparency, .gif and .png. "Save for web" in photoshop into one of those formats and you should be able to do what you want.

Please post back if you need more help.

-SN


Report Offensive Follow Up For Removal

Response Number 3
Name: Zenno
Date: May 17, 2004 at 14:32:17 Pacific
Subject: Transparent image
Reply: (edit)

I should have been more specific,

I want to be able to see through an image of glass. I know that i can make the one color of my choice to make an image tranparent, but in the case of glass, i want to be able to see the background underneath the picture NOT surrounding it like aroun a drop shadow or something.

I hope it's clearer ?

Zenno.


Report Offensive Follow Up For Removal

Response Number 4
Name: anonproxy
Date: May 17, 2004 at 16:39:13 Pacific
Subject: Transparent image
Reply: (edit)

What you can use is the 8-bit (usually enough, depends on the palette and image) alpha channel for a PNG image. Windows IE doesn't support this rendering, but other browsers do (Mozilla, Opera, even IE for the Mac). The only cross-browser method is using a plugin, like Flash, to obtain these effects.


Report Offensive Follow Up For Removal

Response Number 5
Name: Zenno
Date: May 17, 2004 at 16:42:40 Pacific
Subject: Transparent image
Reply: (edit)

Ok, thanks everybody for your inputs.

Zenno.


Report Offensive Follow Up For Removal


Response Number 6
Name: tImmaY
Date: May 23, 2004 at 11:12:04 Pacific
Subject: Transparent image
Reply: (edit)

why not just use a css filter for it? like:


Report Offensive Follow Up For Removal

Response Number 7
Name: tImmaY
Date: May 23, 2004 at 11:13:05 Pacific
Subject: Transparent image
Reply: (edit)

oops.. my bad. i meant like this:


Report Offensive Follow Up For Removal

Response Number 8
Name: tImmaY
Date: May 23, 2004 at 11:15:10 Pacific
Subject: Transparent image
Reply: (edit)

ok this is getting annoying :(
change the { } to < and >
{img src="whatever.jpg" style="filter: alpha(opacity=70)"}


Report Offensive Follow Up For Removal

Response Number 9
Name: Zenno
Date: May 23, 2004 at 11:21:45 Pacific
Subject: Transparent image
Reply: (edit)

You again,

Hee Thank you very much for your input.

Zenno.


Report Offensive Follow Up For Removal






Use following form to reply to current message:

   Name: From My Computing.Net Settings
 E-Mail: From My Computing.Net Settings

Subject: Transparent image

Comments:

 


  Homepage URL (*): 
Homepage Title (*): 
         Image URL: 
 
Data Recovery Software