background属性（显示背景图片中间部分）

时间 2019-12-24

标签 background 属性显示背景图片中间部分繁體版

原文原文链接

今天作一个项目用到background属性，案例以下：css

1张背景图片宽度和高度不成手机的比例，可是须要盖住整个页面，而且让不能彻底显示的长度显示中间部分。为了避免让页面出现滚动条。body设置100%长度。html

html以下：url

<body>htm

<div class="main">图片

</div>it

</body> io

css以下：class

body{width:100%;height:100%}//手机端页面所有覆盖，不出现滚动条，im

body{项目

background:url('./image/content.png') no-repeat；//设置背景图片，不重复显示

background-size:100%;背景图片宽设置100%，由于个人页面长度大。

background-position:center center;//背景图片显示中间位置，因为宽度是100%，因此宽度全覆盖，而图片的长度不能100%显示，只显示图片中间部分

}