probably the question is not well formulated, I will try to clarify what I meant. I'm making a website which contains several cards that clicking on them some contents shows on new pages. I would like to see the website online soon but some contents are not already done so I would like to show the cards in order to create curiosity but the cards have to appear "inactive" with opacity and with a kind of sign upon them that intends I'm working on them and soon they will be finished. A kind of "man at work sign" upon them. In particular, the cards behind the sign have to appear opacity and the sign on them have to appear normal with no opacity. Sorry if I was verbose. I hope you all understood the problem. Thank you so much in advance

CodePudding user response：

maybe you want to share some code? In general that doesn't sound too hard. :)

Without additional information, that's the maximum I was able to understand:

CodePudding user response：

It appears from your question you want to have a non-opaque child element appear within a semi-opaque parent element. But you have run into the difficulty that all children of a semi-opaque (e.g. opacity=.5) inherit the (lack of) opacity.

If so, the question has an answer at Make a child element opaque in a div that is not opaque