Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Why is logo transparent

Posted on 2014-01-14
7
Medium Priority
?
241 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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

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 2000 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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)

783 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