There is a div on his background image, then, to darken the picture, superimposed on the block, another block with the following class

  .bg{ position: absolute; z-index: 15; width: 100%; min-height:200px; max-height:250px; background: #000; opacity: 0.5; }

The problem is that it costs 100% width, but a gray strip appears (a piece of this block with class bg )

Here you can see everything https://jsfiddle.net/4aebh2bo/2/

  • Oh, a typo, thank you. I solved the problem, it’s in that, you need to set the parent position:relative; - zkolya
  • yes, I just wanted to write it) - Batanichek
  • Or it’s possible to remove position: absolute; at bg - Batanichek
  • @Batanichek, Thanks! - zkolya

0