Why my paragraph is not invisible, this code is correct when I run it separately but above the image it's not working, Why???

Question

I want to invisible 'Click here' by changing it's opacity, but it's not working 😞
https://code.sololearn.com/Wy80JklvzBSy/?ref=app

Answer 1

You have used positon property absolute in <p> teg but not defined the parent container to relative you want to use in your case it is <img> so you should make the <img> position:relative
in simlple words just add in css .img{position:relative
}

Answer 2

There's no paragraph (<p>) in the code, albeit there's a <div>. And I can see the <div> before and after the <img> loads. What paragraph?

Answer 3

You are great bro... 😊🙏🙏🙏🙏🙏 Thanks a lot for your help... It's working properly.... I'm so happy 😊 now

Answer 4

Actually I was thinking that I put <p> tag 😅... But 1 thing is very confusing if this property works on <p> tag then why it's not working with <div> 🤔

Answer 5

What property works with <p> but not with <div>? you were referring to CSS property here right?

Answer 6

Actually it's not working with both 😐You an watch my code... and I'm talking about :hover and opacity

Answer 7

Your problem isn't solved, please, don't mark my response, it wasn't the solution. Wait for someone who actually can help you solve it, and mark their answer instead 👌

Answer 8

So after you click here you want it to vanish completely with out returning?

Answer 9

welcome