关于fixed问题

来源:2-15 background

前端射鸡师

2017-11-04 10:52:39

可以理解为我设置了background-attachment:fixed之后,整个图片就相对于页面定位了?

写回答

4回答

好帮手慕夭夭

2018-07-08

background-attachment:fixed 背景图片相对于浏览器视口定位 , 设置此属性的背景图不会随着页面的滚动而滚动 。 也就是说 , 页面向下或者向上滚动时 ,背景图会一直固定在浏览器的视口(视口是浏览器可以看的见的地方)。希望能解答你的疑惑 ,望采纳 ,祝学习愉快 !

2

慕神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>


0

小丸子爱吃菜

2017-11-05

background-position 属性设置背景图像的起始位置。

自己可以敲代码试一下,看效果是怎样的。

0

小丸子爱吃菜

2017-11-05

background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。

设置fixed后,当页面的其余部分滚动时,背景图像不会移动。

祝学习愉快!

0
hOYING1995
h 你们的回答经常牛头不对马嘴哦
h018-07-03
共2条回复

0 学习 · 36712 问题

查看课程