How to make a transparency of the content at the bottom of the block?

Appeal to all the monsters js&&css.
How to achieve such a result? -)
2ea95f4a873c406f95ed7bdf35f453cb.jpg

About translucent background on top of the content will not work. We still consider that the design of adaptive respectively resisits.

To tear off the head designer is not to offer))
Designers, you only have 1 question, is it even legal to do this? -)
August 23rd 19 at 10:56
2 answers
August 23rd 19 at 10:58
Solution
Why triggers text selection, because a translucent picture over text? - johan_Stokes commented on August 23rd 19 at 11:01
: pointer-events - eduardo_Crist commented on August 23rd 19 at 11:04
August 23rd 19 at 11:00
Solution
Yes, this solution is good if the background is solid. But as you can see in the picture there is the background of the photo of the interior. This this solution is not really suitable -( - johan_Stokes commented on August 23rd 19 at 11:03
the most correct solution) - eduardo_Crist commented on August 23rd 19 at 11:06
why? The background can be anything, transparency will remain: jsfiddle.net/uE6pr/315 - jimmie_Skiles commented on August 23rd 19 at 11:09
Yeah exactly, thank you very much -))) - Vilma21 commented on August 23rd 19 at 11:12

Find more questions by tags CSSJavaScript