关于background-color与background-image的覆盖问题

如下代码 :
<span style="background-image:url(negative_4.gif); position:absolute; display:block; width:100px; height:100px; left:300px; background-color:#AC66FF"></span>

上面的四边形是个背景,原始图片如下

现不明的是,为什么我设置其背景,不是覆盖整个SPAN,而仅是背景图片的框内部分,按常理上面覆盖下面应该是全色才对,可确实只改变了原图部分,有点费解,看看有哪位帮忙看看~~~

background-color只会覆盖没有图片的区域或者透明的区域,因为negative_4.gif中间的菱形是透明的所有有颜色,儿菱形周围是有白色的背景,所有不会覆盖
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2018-03-02
那你在,<body style="background-image(negative_4.gif)>,这样不就可以覆盖整个页面了吗。本回答被网友采纳
相似回答