CSS核心(十八)设置背景图不受滚动条的影响 background-attachment
默认状态下,当拖动滚动条时,背景会跟着滚动条一起动,通过给背景设置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>
显示结果如下:
让我深有感触,我要认真学习呀 受益匪浅呀,我一定好好学习,好好把握剩下的大学时光 我是文盲,所以我不懂。我是孜孜不倦的追求者,所以我成功。。。 真的不错,看了很受启发。学习!太多的学习 感触很深!!!!!!!!!!~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ^我看了.我知道了一个程序员不容易谢谢,前辈指点!学习了~~~~~~~~~~~~~~~~谢谢指点,收益很深 非常感谢你,是你给了在一个在迷茫中的人一个指南针!!!!! 很感谢楼主的分享,都是很有意义经验 读了你的观点我很受用,也很感激,你说出了我们都存在,但都又没有太重视的问题,我想,它将伴随着我以后的学习和工作. 高手!!!