Solved

Why is logo transparent

Posted on 2014-01-14
7
239 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

 

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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering 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

Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
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…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

635 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