Настройка фонового изображения в определенном месте на веб-странице

Question

Я пытаюсь добавить некоторую анимацию в фоновое изображение. Я пытаюсь поднять его вверх для определенной высоты, как я могу это сделать?

.riseImages { 
    position: absolute;  
    width: 100%; 
    height: 300px; 
    overflow: hidden; 
    z-index: 4; 
    background-image: url("img/page1/bg shapes.png"); 
    background-repeat: repeat; 
    background-size: 350px; 
    opacity: 0.3; 
    border-left: 1px solid blueviolet; 
    border-right: 1px solid blueviolet; 
    background-size: 350px 300px; 
} 

.topRise { 
      top: 0px; 
      left: 0px; 
     } 

.bottomRise { 
      top: 500px; 
      left: 0px; 
     } 

Answer 1

да, используйте background-position http://www.w3schools.com/cssref/pr_background-position.asp

.riseImages 
{ 
    background-position: value; 
    position: absolute;  
    width: 100%; 
    height: 300px; 
    overflow: hidden; 
    z-index: 4; 
    background-image: url("img/page1/bg shapes.png"); 
    background-repeat: repeat; 
    background-size: 350px; 
    opacity: 0.3; 
    border-left: 1px solid blueviolet; 
    border-right: 1px solid blueviolet; 
    background-size: 350px 300px; 
} 

.topRise { 
      top: 0px; 
      left: 0px; 
     } 

.bottomRise { 
     top: 500px; 
     left: 0px; 
}