CSS bkg image absolue et centrée, mais aimerait également à gauche: 0px lorsque la fenêtre est redimensionnée

Question

<style> 
    .menu_bkg { 
    position: absolute; 
    top: 0px; 
    width: 100%; 
    height: 314px; 
    background-repeat: no-repeat; 
    background-position: center; 
    background-image: url(http://sphotos-a.xx.fbcdn.net/hphotos-ash3/578806_10151347589633079_1588853150_n.jpg 
); 
    } 
</style> 


<div class="menu_bkg"></div> 

le centrage de l'image fonctionne ... mais le souhaite à positionner à gauche: 0px lorsque la largeur fenêtre devient moins que la largeur de l'image; et ne pas continuer à défiler et à couper vers la gauche, plus la fenêtre est serrée. Est-ce que c'est faisable? des idées. Merci.

ps. J'ai simplifié le code que vous pouvez copier et coller dans n'importe quel éditeur pour tester rapidement.

Answer 1

Utilisez CSS Requêtes médias -

@media screen and (min-width : 800px){ 
    .menu_bkg { 
    background-position: 0px 0px; 
) 

}