Can I make my page canvas transparent without having to affect the image on top of it :-(

[alexsohsg 0]

How can I make my page canvas transparent without having the images on top of the canvas transparent at the same time? Here is how the page looks like http://threeseeded.com/?page_id=86 Note that the pictures are transparent :-( And heres the my code .home #page-canvas {background-color:transparent; filter:alpha(opacity=50); -moz-opacity: .50 opacity:.50;} #page, .canvas #page-canvas {background-attachment:fixed!important;} #page-canvas {background-color: #ffffff; filter: Alpha(opacity=20); opacity:0.80;} Appreciate if you could help. Cheers Alex Soh

[Rob 547]

Alex, I'm sorry, I'm misunderstanding you a bit. Essentially, you want the body canvas transparent, but you don't want to have to use transparent background images. Is this correct?

[Jenny 33]

I suggest commenting out the CSS you have above (so you still have it just in case), and using the following custom CSS: [code].canvas #page-canvas { background-color: transparent !important; }[/code]

[alexsohsg 0]

Sorry Guys, maybe I wasn't clear enough :-P OK, I would love to have my front home page transparent but not the rest on the pages. Somehow I could not get it correctly. But now with this current CSS somehow I am able to do that. .home #page-canvas {background-color:transparent; filter:alpha(opacity=50); -moz-opacity: .50 opacity:.50;} #page, .canvas #page-canvas {background-attachment:fixed!important;} #page-canvas {background-color: #ffffff; filter: Alpha(opacity=20); opacity:0.90;} Now, What I am asking is the transparent opacity effect on all my other page (page: The Marking will show clearer) Somehow the opacity control not just the canvas but also the images on top of it. If you look at it carefully, it also make the image transparent :-( All I want to only the canvas being transparent. Please see if you could do your magic with my current code to make that possible Hahaha :-D I am very new to CSS :-) I am just learning trying my best to make it work yah :-) thanks for your patient :-) Thank you everyone for your great help :-) And btw, if you love to see pictures.... I am a photographer and I believe you will enjoy my pictures www.alexsohphotography.com Cheers Alex Soh

[Danny+ 1,327]

Hi Alex, Try this piece of code please: [code] .home .canvas #page-canvas { /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background: rgba(0, 0, 0, 0.6); } [/code] Change the 0.6 to the settings of your choice, I think 0.1 looked pretty cool, but I'll leave that up to you.