大图片根据分辨率自适应宽度仍居中显示
2015-01-19来源:易贤网

问题:一个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>

更多信息请查看IT技术专栏

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息