백그라운드 이미지 투명도

.my-container {

    position: relative;

    background: #5C97FF;

    overflow: hidden;

}

.my-container:before {

    content: ' ';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    opacity: 0.6;

    background-image: url('image.jpg');

    background-repeat: no-repeat;

    background-position: 50% 0;

    -ms-background-size: cover;

    -o-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

 

}