手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >大图片根据分辨率自适应宽度仍居中显示
大图片根据分辨率自适应宽度仍居中显示
摘要:问题:一个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>

【大图片根据分辨率自适应宽度仍居中显示】相关文章:

根据用户浏览器及分辨率调用不同的CSS样式文件

自适应宽度的div+css示例

IE9下DIV本来应该居中的结果显示为居左

图片垂直居中css写法兼容ie6

CSS控制图片自适应Div大小

如何让图片相对于上层DIV始终保持水平、垂直都居中

css 如何让背景图片拉伸填充避免重复显示

css实现body背景图片水平垂直居中方法

如何用CSS自定义鼠标显示的形状

怎样在网页中显示虚线

精品推荐
分类导航