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%顯示，只顯示圖片中間部分

}

相關標籤/搜索