Question

The facebook logo at the top nov disappears on the hover. I have css gradients applied, no images except the fb logo itself. Is there a way for the logo to remain visible on the hover state?

css file here

Thanks!

page here

Answer 1

Alternatively, you could separate the icon from the background. That is, use CSS to place the icon before your “facebook” text, so that it’s completely independent from background selectors. Like this:

li.facebook a::before {

content: "";
position: absolute;
top: 50%;
left: 0;
width: 16px; /* Width of your FB icon */
height: 16px; /* Height of your FB icon */
margin-top: -9px;
background-image: url("path_to_your_FB_icon.png");
background-repeat: no-repeat;

}

Hope that helps!