nsitedesigns
asked on
Why is logo transparent
The orange navigation bar is supposed to be transparent but the logo is supposed to be solid. When you zoom in and scroll, you can see the blue part of the logo is transparent. Client doesn't want that. I tried adding opacity 1 to the logo but that didn't help. Any ideas?
http://nsitedesigns.com/nsitedesigns/gei/index.html
http://nsitedesigns.com/nsitedesigns/gei/gei.css
http://nsitedesigns.com/nsitedesigns/gei/index.html
http://nsitedesigns.com/nsitedesigns/gei/gei.css
.img_gei_logo { /*topleft logo over nav bar */
left: -48px;
top:-85px;
position:absolute; /*needed to position logo. also change sidebar 1 to position:relative; */
z-index:999;
opacity:1; /* eliminates transparentcy */
}
ASKER
I added this to css but it didn't fix problem Any other ideas? Do I need to modify the html? I never worked with opacity before.
You haven't removed opacity: 0.9; from .sidebar1{}
ASKER
I removed it from .sidebar1 and then I added the following per your suggestion.
.sidebar1 div {
opacity:0.9;}
.sidebar1 div {
opacity:0.9;}
ASKER
I uploaded the gei.css page again and now it took. Maybe it was a cache issue. Please confirm you want me to keep the following.
.sidebar1 div {
opacity:0.9;}
.sidebar1 div {
opacity:0.9;}
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks!
.sidebar1 div {
opacity: 0.8;
}
If a container has the opacity set to less than 1 you cannot reset the opacity on a child element