@klieve Тут ще такий момент у вас є блоки поверх яких йде напівпрозорість вона ж і на блоці батька. Щоб зробити таку напівпрозорість:
1) ставимо: after у цього елемента (block-1) і пишемо стиль для нього (after)
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba (0,0,0. 3);
у батька
position: relative;
2) просто підганяємо колір у блоку ніби у нього є поверх темна напівпрозорість
3) у батька (bg-3) ставимо after
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba (0,0,0. 3);
z-index: 1
у батька
position: relative;
у елемента (block-1)
position: relative;
z-index: 2;
можете також зробити коротенький фон (в один піксель) а не кольором
@Libris. але ж у нас css3, які картинки в 1 піксель.
@ErickSkrauch Я написала це як один з варіантів. Іноді потрібно робити так. У мене були і замовлення з підтримкою ie6 і 7 так це і є вихід для них