CSS 실패 - 배경 위치, 배경 반복, 배경 크기, 배경 - 첨부

Question

내가 주 body에 div에 다음을 넣어 때,이 작품 :

<div style="display: block; width:100%; height: 100%; min-height: 100vh; background-color: #FFFFFF; background: url(./images/pic.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;"> 

을하지만 내가 사용하는 경우 CSS입니다 작동하지 않습니다 : 그것은 잘못 가고있는 것 같다

<style type="text/css" media="all"> 
.myMainDiv { 
    width:100%; 
    height: 100%; 
    min-height: 100vh; 
    background-color: #FFFFFF; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-attachment: fixed; 
} 
</style> 

<div class="myMainDiv" style="display: block; background: url(./images/pic.jpg);"> 

, 나는 각 배경에 대해 다른 그림을 필요로하고 다음이 무시 등등 background-repeat을 초래하기 때문이다. (참고 : 다른 div도 블록 또는 없음의 표시 값이 다르기 때문에 별도로 명시해야합니다.)

해결 방법이있는 이유는 누구나 알고 있습니다.