When you have a navigation Menu on top of an image slide what can you do to avoid it being curtailed by the opacity when you hover on it?

Answer 1

maybe try adding separate style for that navigation while hovering

#nav_menu:hover{
background-color: rgba(255, 255, 255, 1.0);
}

where first 3 numbers are color in RGB and 4th value is opacity (1 = no opacity)