手机
当前位置:查字典教程网 >网页设计 > 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>

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

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

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

自适应宽度的div+css示例

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

css实现图片在div中居中的效果

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

三列宽度自适应结构中的的DIV写法

overflow解决float浮动后高度自适应问题

如何让文字滚动后自动停止效果示例

DIV下图片自适应解决方法

精品推荐
分类导航