欢迎来到山村网

大图片根据分辨率自适应宽度仍居中显示

2019-03-29 02:19:45浏览:565 来源:山村网   
核心摘要:问题:一个1920*900的大图,在1024*768的分辨率只能显示一部分,希望仍居中显示 解决方案CSS:代码如下:width: 100%; background-

问题:一个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 class="book"></div>
(责任编辑:豆豆)
下一篇:

CSS3制作loading加载动画效果代码

上一篇:

教你设计自个儿的WORDPRESS主题

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com