background-color和background-image问题

今天撸码的时候发现需要background-color和background-image 一起用,才开始考虑两个可不可以一起用  查阅多方资料才知道可以写成background:color url();

合并起来写 只有只有这样的顺序才有效,分开写也可以,不过color必须写在前面,image必须写在后面才生效。

无论是background:red

        background:url()

还是background-color:red

     background-image:url()

   color必须写在前面才可以达到两者并存的效果,有也只有这样的顺序才可以实现效果。

附图:background-color和background-image问题