大图片根据分辨率自适应宽度仍居中显示_ Div+Css教程-查字典教程网
大图片根据分辨率自适应宽度仍居中显示
大图片根据分辨率自适应宽度仍居中显示
发布时间:2016-12-27 来源:查字典编辑
摘要:问题:一个1920*900的大图,在1024*768的分辨率只能显示一部分,希望仍居中显示解决方案CSS:width:100%;backgr...

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

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类