css background-color

background可以设置图片,背景图拉伸、背景图大小、背景图相对位置、背景颜色等;而background-color只能设置背景色;
用这两个属性background-color与 background设置背景颜色有什么不同吗?

1
2
3
4
5
<a href="#">黄丽珍找男朋友,黄丽珍找男朋友!!!</a>

a{ background:url("./1.jpg");}
a:hover{ background: #fdff1f;} //使用background
a:hover{ background-color: #fdff1f;} //使用background-color

image

image
background-color:改变的只是背景色,而不是背景图,效果是有的,只是图片把背景色遮住了看不到.
参考博客
https://www.jianshu.com/p/6c23f47a0f62