Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
My menu elements supposed to be on top of the image. Like this
<div class="menu">...</div>
<img src="..."/>
However when I add opacity to the style of the image, the menu elements lay under the image
<div class="menu">...</div>
<img src="..." style="opacity:0.9"/>
Does anyone know what’s going on and how do I fix this issue?
My bet would be the opacity is giving a z-index to the image. Have you tried adjusting the z-index on the menu?