大圖片根據(jù)分辨率自適應(yīng)寬度仍居中顯示

    問題：一個1920*900的大圖，在1024*768的分辨率只能顯示一部分，希望仍居中顯示
    解決方案css:
    代碼如下:
    width: 100%;
    background-position: 50% 50%;
    示例code：
    代碼如下:
    <style>
    body {
    background-repeat: no-repeat;
    width: 100%;
    background-position-x: 50%;
    background-position-y: 118px;
    background-image:url(@url.image(/xxx/xx.jpg));
    }
    .book {
    margin: 0 auto;
    width: 960px;
    height: 700px;
    position: relative;
    }
    </style>
    代碼如下:
    <div class=book></div>