默认状态下，当拖动滚动条时，背景会跟着滚动条一起动，通过给背景设置background-attachment:fixed;属性可实现背景图不受滚动条的影响。
代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>设置背景图不受滚动条的影响 background-attachment</title>
</head>
<body>
<style>
body{
background:url(./img/5.jpg) no-repeat #ddd;
/* 设置背景图不受滚动条的影响：backgrounbd-attchment:fixed; */
background-attachment:fixed;
}
</style>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
显示结果如下：
|
窥视卡
雷达卡
发表于 2023-1-31 21:35:29
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-17 05:09:19
