手机
当前位置:查字典教程网 >网页设计 > 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代码如何使图片自适应显示宽度

固定宽高的DIV如何绝对居中

网站建设怎样控制大图片的网页宽度

DIV下图片自适应解决方法

怎样在网页中显示虚线

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

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

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

精品推荐
分类导航