背景图片和背景颜色同时设置时,背景图片会覆盖背景颜色

背景图片和背景颜色同时设置时,背景图片会覆盖背景颜色

之前课程讲的:背景图片和背景颜色同时设置时,背景图片会覆盖背景颜色;这里老师怎么推翻了?到底哪个对的

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

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

2回答
好帮手慕码 2019-04-19 09:39:19

同学你好!

当背景图片和背景颜色同时设置的时候,背景图片会覆盖背景颜色。

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

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

视频中老师讲的,背景颜色覆盖了背景图片是因为使用了:hover,

这里在hover中又设置背景颜色就相当于重置了背景这个属性,所以图片是看不到的(设置了background-color就相当于给bancbackground添加了一个颜色属性,如上图 图片还是在最上层的):

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

同学很细心,发现了这个问题。这里老师讲的不是非常严谨,没有说明这一块~

如果帮助到了你 望采纳 祝学习愉快哟~

好帮手慕星星 2019-04-18 17:32:43

同学你好,主要是看背景图片的大小是否铺满了整个盒子,如果背景图片铺满了整个盒子就会覆盖住背景颜色,如果没有铺满,只会覆盖住一部分,其余地方会显示出颜色。

背景图片和背景颜色同时设置时,背景图片会覆盖背景颜色,就要看覆盖住的大小了。例如:

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

效果:

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

自己可以举例测试下,祝学习愉快!

  • 提问者 Leeluo #1
    视频中老师讲的是,背景颜色覆盖了背景图片,请老师详细解答下
    2019-04-18 22:10:42
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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