[ad_1]
How can I prevent the menu logo from disappearing behind the background when hovering with the mouse?
Here’s my CSS:
.menulogo{
background-image: url(‘logo-01.png’);
background-repeat: no-repeat;
background-position: left;
padding-left: 23px;
margin-left: 7px;
}
When I hover over the JH, it disappears completely and all I see is the black background:
Thanks
[ad_2]
Depending on how it’s in the parent container, you can probably just add a z-index.
.menulogo{
background-image: url(‘logo-01.png’);
background-repeat: no-repeat;
background-position: left;
padding-left: 23px;
margin-left: 7px;
z-index:999;
}