CSS bkg image absolute＆amp;居中，但也希望它离开：调整窗口大小时为0px

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>

图像的居中工作...但希望它位于左侧：当窗口宽度变得小于图像宽度时为0px;并且不会继续滚动并向左切断窗户越紧。这甚至可行吗？有任何想法吗。感谢。

PS。我简化了您可以复制并粘贴到任何编辑器中的代码，以便快速测试。

Answer 1

使用CSS媒体查询 -

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

}