[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 243
  • Last Modified:

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

.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   */

}  

Open in new window

0
nsitedesigns
Asked:
nsitedesigns
  • 4
  • 3
1 Solution
 
GaryCommented:
Remove the opacity from .sidebar1 and add this

.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
0
 
nsitedesignsAuthor Commented:
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.
0
 
GaryCommented:
You haven't removed opacity: 0.9; from .sidebar1{}
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
nsitedesignsAuthor Commented:
I removed it from .sidebar1 and then I added the following per your suggestion.  

.sidebar1 div {
      opacity:0.9;}
0
 
nsitedesignsAuthor Commented:
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;}
0
 
GaryCommented:
I'd reduce it 0.8 to be the same opacity (opacity is not as see through because you are applying to an element directly) but otherwise it looks fine
0
 
nsitedesignsAuthor Commented:
Thanks!
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now