it was possible to make a block with fixed widths and heights, but it doesn't work with adaptive ...

Closed due to the fact that the essence of the question is not clear to the participants by Denis , Bald , tutankhamun , cheops , dirkgntly Sep 14 '16 at 11:03 .

Try to write more detailed questions. To get an answer, explain what exactly you see the problem, how to reproduce it, what you want to get as a result, etc. Give an example that clearly demonstrates the problem. If the question can be reformulated according to the rules set out in the certificate , edit it .

    1 answer 1

    So?

    .img { position: relative; } img { display: block; border: none; max-width: 100%; width: 100%; } .img:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.57); } 
     <div class="img"> <img src="http://301-1.ru/gen-mems/img_mems/4a4c2a53661ede617bd7437b4e728cbb.jpg" alt=""> </div>

    • one
      exactly, thanks - jetfire21