关于fixed问题

关于fixed问题

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

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
好帮手慕夭夭 2018-07-08 11:43:40

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

慕神5554445 2018-07-07 00:22:24

其实很简单的,这个你要从单词的字面意思理解,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 16:01:14

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

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

小丸子爱吃菜 2017-11-05 15:30:28

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

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

祝学习愉快!

  • 提问者 前端射鸡师 #1
    配合background-position呢?
    2017-11-05 15:32:24
  • 你们的回答经常牛头不对马嘴哦
    2018-07-03 21:32:40
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师