关于background

关于background

background: #000000 url(img/bg-little.png) no-repeat top fixed;

这样为什么会不显示图片,还是不太明白,top不是相对于图片顶部水平居中吗,怎么又变成了相对于浏览器顶部水平居中?

正在回答

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

2回答

因为设置为top,实际上是center top,中上部分显示。又因为fixed是相对于整个浏览器,而不是div,所以div宽度不够,显示不了。

总之,主要因为fixed相对于浏览器窗口进行定位。

  • ziom 提问者 #1
    非常感谢!
    2017-04-02 11:00:19
  • 不明白,为什么说div宽度不够?
    2017-06-23 16:43:56
  • 自己试了下明白了,图片定位在了浏览器的中上部位,所以超过了div的宽度。html子控件超过父控件的范围就不显示吗?印象中好像不是这样。。
    2017-06-23 16:55:37
一路电光带火花 2017-06-23 17:22:13

因为它是元素的背景图片,只能在元素的区域中显示。

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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