大图片自适应宽度居中显示

2014-11-01

  问题:一个1920*900的大图,在1024*768的分辨率只能显示一部分,希望仍居中显示0Hd七七世界-网站建设|UI设计|人资系统|二次开发

  解决方案CSS:0Hd七七世界-网站建设|UI设计|人资系统|二次开发

  代码如下:
     width: 100%;
     background-position: 50% 50%;0Hd七七世界-网站建设|UI设计|人资系统|二次开发

  示例code:0Hd七七世界-网站建设|UI设计|人资系统|二次开发

     代码如下:
     <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>0Hd七七世界-网站建设|UI设计|人资系统|二次开发


0Hd七七世界-网站建设|UI设计|人资系统|二次开发

     代码如下:
     <div class="book"></div>0Hd七七世界-网站建设|UI设计|人资系统|二次开发


0Hd七七世界-网站建设|UI设计|人资系统|二次开发