如果在div一个小容器里设置background-position,使用top和right这些关键字

如果在div一个小容器里设置background-position,使用top和right这些关键字

如果在div一个小容器里设置背景图片,然后设置background-position,使用top和right这些关键字,这个设置的位置

是相对于整个网页而言的

还是只是相对于容器而言,即top是显示在div容器的顶部居中的位置

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

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

4回答
慕盖茨6029426 2019-02-21 15:41:20

当background-attachment 属性是fixed的时候,也就是说,背景图片不随滚动条滚动的时候,那么background-position的值(百分比),都是相对于整个页面来说的,而不是背景图片的容器来说的,比如,这个时候,我设置居中,就是在整个页面的居中,如果这个时候,我attachment的属性是scroll的话,那么居中,就是针对背景图片的容器说的,


hayha西蒙 2019-02-19 11:09:47

当background-attachment 属性是fixed的时候,也就是说,图片背景不跟随网页滚动的时候,那么background-position的位值,都是相对于整个页面来说的,而不是他的这个容器来说的,当attachment的属性是scroll的时候,那么background-position的位值,就是针对它的容器说的,这个一定要注意,视频里面没有说清楚这一点

好帮手慕夭夭 2019-02-18 09:58:35

你好同学 , 老师听了一下视频 . 视频中讲解的相对于整个网页是设置fixed的情况 .而fixed并非设置的是background-position . 而是设置的background-attachment :fixed .是相对网页而言的 .意思是当页面的其余部分滚动时,背景图像不会移动。

http://img1.sycdn.imooc.com//climg/5c6a109200018f0208730311.jpg

同学可以再重新理解或者复习一下视频中的内容 . 可以参考如下资料学习一下这两个属性 .

http://www.w3school.com.cn/cssref/pr_background-attachment.asp

http://www.w3school.com.cn/cssref/pr_background-position.asp

祝学习愉快 ,望采纳, 



好帮手慕夭夭 2019-02-17 14:23:38

你好同学 ,是相对盒子而言的 ,因为背景图本身是给盒子设置的背景 。所以背景定位是设置背景图片的那一块区域显示在盒子中哦 。

希望能够解答你的疑惑 ,祝学习愉快 ! 望采纳 。

  • 提问者 hkyzd888 #1
    额,,,那是我听错了吗,视频中那老师咋说相对于整个网页
    2019-02-17 14:39:35
  • Sherlock_bourne 回复 提问者 hkyzd888 #2
    你再听,老师说这句话的前提是,当设置了fixed的时候,你再设置位置,才是相对于整个显示屏显示的网页。
    2019-02-22 15:55:45
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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