Solved

Why is logo transparent

Posted on 2014-01-14
7
232 Views
Last Modified: 2014-01-15
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
Comment
Question by:nsitedesigns
  • 4
  • 3
7 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39780949
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
 

Author Comment

by:nsitedesigns
ID: 39782366
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
 
LVL 58

Expert Comment

by:Gary
ID: 39782551
You haven't removed opacity: 0.9; from .sidebar1{}
0
Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

 

Author Comment

by:nsitedesigns
ID: 39782578
I removed it from .sidebar1 and then I added the following per your suggestion.  

.sidebar1 div {
      opacity:0.9;}
0
 

Author Comment

by:nsitedesigns
ID: 39782582
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
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39782595
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
 

Author Closing Comment

by:nsitedesigns
ID: 39782655
Thanks!
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

708 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now