Solved

Why is logo transparent

Posted on 2014-01-14
7
234 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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
Find out what you should include to make the best professional email signature for your organization.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

948 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

20 Experts available now in Live!

Get 1:1 Help Now