transparency over an image when menu is activated

[sjprice]

I am trying to figure out how this user of the menu got the main image to have a transparent overlay when the menu on the left is "activated." http://www.wilsonarch.com/

I would like to get this page: http://www.wholetreesarchitecture.com/AboutUs_img.html to have that same effect.

Any help would be greatly appreciated!
Thanks,
Sarah

[Andy]

It looks like you managed to do it.

Am I correct or is there still help required?

-- Andy

[sjprice]

Hi Andy,
Thanks for replying; however, sorry for the confusion, but the first link (the wilsonarch.com site) is the desired look I would like to accomplish. I have NO access to that site other than what any other person would see within the browesr's code view, etc.

I want to create that same transparency action for the image on this page/website: http://www.wholetreesarchitecture.com/AboutUs_img.html

Again, to clarify, the WHOLE TREES website/url I gave above is the one I would like to create this with and I have NOT been able to accomplish this yet.

Thanks again for any assistance.
Sarah

[Ruth]

Hi,

Well, I can explain it for you, and I'm trying to figure out how to do it in your layout, but I know very little css, I seldom do any of it. What they have done is set up a class to apply opacity for IE, (Fitler:alpha etc.) FF (moz-opacity) and I think the other browsers use the opacity setup.

Code: Select all

.homefade {
	FILTER: alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25
}
.homenormal {
	FILTER: alpha(opacity=100); -moz-opacity: 1; opacity: 1
}

They apply the homefade in the div where the menu is placed, navigationhome using the onmouseover set up. The image is in the right hand homecontent div and that has the homenormal call for that div which actually only works when you mouseover the image, not when you mouseout of the menu.

Perhaps seeing what they did you can figure out how to do it on your page. I will try and figure it out, but css is not my thing.

Ruth

[sjprice]

Thanks Ruth!

I got it to work! These are the two pages I needed this to function on:
http://www.wholetreesarchitecture.com/AboutUs.html
http://www.wholetreesarchitecture.com/Services.html