2 
 <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>

画像のセンタリングは機能します...しかし、ウィンドウのビューの幅が画像の幅よりも小さくなると、 left:0px に配置したいと思います。スクロールを続けずに、ウィンドウがきつくなるほど左に切り捨てます。これは実行可能ですか？何か案は。ありがとう。

ps。コードを簡略化したので、コピーして任意のエディターに貼り付けて、すばやくテストできます。

4

1 に答える 1

0

CSS メディア クエリを使用する -

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

}
于 2012-09-25T13:46:21.030 に答える