手机
当前位置:查字典教程网 >网页设计 > 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按钮自适应实现原理及代码

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

CSS图片垂直居中方法整理集合

CSS如何给一个绝对定位的元素设定自适应宽度

CSS控制图片自适应Div大小

png24格式图片在ie6中透明

巧用CSS来控制div自适应浏览器的高度

div图片marquee无缝连接实现代码

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

子元素div高度不确定时父div高度如何自适应

精品推荐
分类导航