how to create a .png semi-transparent image for background

This is a discussion on "how to create a .png semi-transparent image for background" within the Web Page Design section. This forum, and the thread "how to create a .png semi-transparent image for background are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Nov 18th, 2005, 21:28
New Member
Join Date: Nov 2005
Age: 24
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
how to create a .png semi-transparent image for background

I want to make the background of my tables semi-transparent, but putting an alpha filter on them also makes any text or images with in transparent. To avoid this I want to set a url image as my background. I've read that png images will hold their transparency settings when used like this, but I don't know how to go about making the png. I tried saving a microsoft picture It image as a png and then uploading it to photobucket to get a url, but it doesn't seem to work. Any suggestions are greatly appreciated, thanks!
Laura
Reply With Quote

  #2 (permalink)  
Old Nov 19th, 2005, 17:23
Junior Member
Join Date: Nov 2005
Location: Santa Cruz, CA
Posts: 12
Thanks: 0
Thanked 0 Times in 0 Posts
Re: how to create a .png semi-transparent image for background

If you use photoshop or fireworks you can create a picture with transparencies. Now it is true that you can use transparent images with your backgrounds. You can see some of the work I have done at the most current site, www.beach-cruise.com. Now note this, IE does not support PNG transparencies directly, but I have gotten it working by doing some extra coding based on some work from another before I.

If you notice the site has transparent PNGs in the header of the site and scroll across the top as it has been re-sized. Also all signatures and other transparent PNG's are all taken care of by this code. If you would like I can go into greater detail, but I am going to be writing up an article on this when I post my next web template I design.

You can read more about this at http://koivi.com/ie-png-transparency/
Reply With Quote
  #3 (permalink)  
Old Nov 20th, 2005, 12:06
Reputable Member
Join Date: Sep 2005
Location: Canada, BC
Age: 24
Posts: 239
Thanks: 0
Thanked 0 Times in 0 Posts
Re: how to create a .png semi-transparent image for background

You can "fake" transparency by makeing the background of the image the same colour as your webpage, of course if you plan to use the image on more place and each place has a diffrent colour this isn't realy an option.
Reply With Quote
Reply

Tags
create, png, semitransparent, image, background

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Transparent Background Issues (especially in IE6) alfandango Web Page Design 1 Jan 12th, 2008 15:09
Spry Menu Bar, Adding Submenu Border and Submenu semi-Transparent background ravennaweb Web Page Design 2 Sep 24th, 2007 14:27
Help with transparent background jenslennartsson Web Page Design 2 Jul 4th, 2006 03:53
transparent background krazykrisi Web Page Design 1 Aug 25th, 2005 08:51
How to get a transparent background in Fireworks blh9901 Graphics and 3D 1 Aug 3rd, 2005 01:16


All times are GMT. The time now is 12:52.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43