关于fixed问题
来源:2-15 background
前端射鸡师
2017-11-04 10:52:39
可以理解为我设置了background-attachment:fixed之后,整个图片就相对于页面定位了?
4回答
好帮手慕夭夭
2018-07-08
background-attachment:fixed 背景图片相对于浏览器视口定位 , 设置此属性的背景图不会随着页面的滚动而滚动 。 也就是说 , 页面向下或者向上滚动时 ,背景图会一直固定在浏览器的视口(视口是浏览器可以看的见的地方)。希望能解答你的疑惑 ,望采纳 ,祝学习愉快 !
慕神5554445
2018-07-07
其实很简单的,这个你要从单词的字面意思理解,background-attachment:fixed这个仅限于背景,也就是你滑动滚动条时,背景不会动,一直处于界面状态,在通俗一点就是你滑动滚动条时,背景不会跟着动。因为你在后面还要学习一个position:fixed,这个就是相当于你在其他网页中看到的广告条,就是一直处于页面的,不会动的。看我下面代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{
width:100%;
height:2000px;
background:gray;
}
.one{
width:100px;
height:100px;
background: red;
position: fixed;
}
</style>
</head>
<body>
<div>
<div class="one">
</div>
</div>
</body>
</html>
小丸子爱吃菜
2017-11-05
background-position 属性设置背景图像的起始位置。
自己可以敲代码试一下,看效果是怎样的。
小丸子爱吃菜
2017-11-05
background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。
设置fixed后,当页面的其余部分滚动时,背景图像不会移动。
祝学习愉快!
相似问题