griffinmt Posted September 29, 2006 Share Posted September 29, 2006 Couldn't find just the 'right' forum to put this, so maybe the mods will move it accordingly (TIA).I am trying to figure out how to create a semi-transparent image that can be placed (via css) on the browser window. Placing it is no problem, but I need a 'burgundy fog', ie: about 60% transparent to the items behind it.The only tool I have for making this is PSP, so would greatly appreciate a breif 'lecture' in the basic steps. Thanks for your time,Martyn Link to comment Share on other sites More sharing options...
Jonas Posted September 29, 2006 Share Posted September 29, 2006 Well, I can tell you one thing, that IE doesn't support PNG's with alpha-transparency. You can use CSS-transparency though, that should work for the major browsers now. Link to comment Share on other sites More sharing options...
griffinmt Posted September 30, 2006 Author Share Posted September 30, 2006 Well, I can tell you one thing, that IE doesn't support PNG's with alpha-transparency. You can use CSS-transparency though, that should work for the major browsers now.Can you post a simple example of a css block that would give an image some fractional transparency?Could not locate anything in the tutorial.Martyn Link to comment Share on other sites More sharing options...
Jonas Posted September 30, 2006 Share Posted September 30, 2006 Here's a good (comprehensive) tutorial:http://www.mandarindesign.com/opacity.html Link to comment Share on other sites More sharing options...
griffinmt Posted September 30, 2006 Author Share Posted September 30, 2006 Here's a good (comprehensive) tutorial:http://www.mandarindesign.com/opacity.html Thanks for that pointer.It provided me with just exactly what I needed! Link to comment Share on other sites More sharing options...
Snubby Posted October 4, 2006 Share Posted October 4, 2006 Here's a good (comprehensive) tutorial:http://www.mandarindesign.com/opacity.html WOW! I had no idea CSS was so usefull! Link to comment Share on other sites More sharing options...
Jonas Posted October 5, 2006 Share Posted October 5, 2006 It's even more powerful:http://w3schools.invisionzone.com/index.php?showtopic=7567I especially like this site:http://cssplay.co.uk/ Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now