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

来源:2-3 轮播图上按钮样式

Leeluo

2019-04-18 15:52:54

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

写回答

2回答

好帮手慕码

2019-04-19

同学你好!

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

http://img.mukewang.com/climg/5cb9251a0001c35c06490276.jpg

http://img.mukewang.com/climg/5cb925250001715f04580216.jpg

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

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

http://img.mukewang.com/climg/5cb925780001920413260278.jpg

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

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

0

好帮手慕星星

2019-04-18

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

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

http://img.mukewang.com/climg/5cb84426000109e109660407.jpg

效果:

http://img.mukewang.com/climg/5cb844330001788905200520.jpg

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

0
heeluo
h 视频中老师讲的是,背景颜色覆盖了背景图片,请老师详细解答下
h019-04-18
共1条回复

0 学习 · 36712 问题

查看课程