background attachment 該屬性來定義背景圖片隨滾動軸的移動方式 取值: scroll | fixed | inherit scroll : 隨著頁面的滾動軸背景圖片將移動 fixed : 隨著頁面的滾動軸背景圖片不會移動 inherit : 繼承 ...
background-attachment 該屬性來定義背景圖片隨滾動軸的移動方式
取值: scroll | fixed | inherit
scroll: 隨著頁面的滾動軸背景圖片將移動
fixed: 隨著頁面的滾動軸背景圖片不會移動
inherit: 繼承
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css" media="all">
body
{
background-image:url('img.jpg');
background-size: 100% 100%;
background-attachment:fixed;/*定義背景圖片隨滾動軸的移動方式*/
background-repeat:no-repeat;
background-position:top center;
}
.box{
width: 1000px;
margin:0 auto;
border:2px solid red;
height: 5000px;
line-height: 80px;
font-size: 30px;
color:blue ;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
