为了账号安全,请及时绑定邮箱和手机立即绑定

为什么添加的颜色会覆盖图片?

*{margin:0;padding:0;}

.content{border:4px solid blue;width:1000px;padding:200px 20px 20px;}

.book{background:url(2.jpg) no-repeat;background:pink;}

img{margin:10px;border:1px solid gray;}

正在回答

1 回答

.book{background:url(2.jpg) no-repeat;background:pink;}    后边颜色的设置把背景图的设置覆盖了。改为

.book{background:url(2.jpg) no-repeat pink); 

1 回复 有任何疑惑可以回复我~
#1

洛幕 提问者

非常感谢!
2017-02-28 回复 有任何疑惑可以回复我~
#2

慕粉0146419594

请问为什么background pink会覆盖背景图直接pink就不会呢?
2017-03-07 回复 有任何疑惑可以回复我~
#3

剑起风尘 回复 慕粉0146419594

background是background-image和background-color简写的,也可以分开设置背景图和背景色。但要加上-image和-color,就不会覆盖了。
2017-03-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214672    人
  • 解答问题       1833    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

为什么添加的颜色会覆盖图片?

我要回答 关注问题
微信客服

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

帮助反馈 APP下载

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

公众号

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