当插入相同颜色的背景图像时，背景色不可见。

Question

我有相同颜色的向下箭头的背景和背景图像。当我调用背景图像时，背景颜色就会被隐藏。我拥有相同颜色的背景色和背景图像。

​

.customer-bg{
	background: #e1efcc url(../img/bottom-arrow.png) no-repeat center bottom ;
}
.customer-bg p{
	font-family: 'Karla', sans-serif;
	font-size: 16px;
	color:#666;
	padding: 30px 7px 60px 7px;
}

<div class="customer-bg">
						<p>
							Semper ac dolor vitae msan. Cras interdum hendreritnia vitae molestie interdum.
						</p>
					</div>

​

Answer 1

使用类似于以下演示的速记背景属性

而不是这样：

.customer-bg{
        background: #e1efcc;
        background: url(../img/bottom-arrow.png) no-repeat center bottom ;
    }

使用：

 .customer-bg{
        background: #e1efcc url(http://www.clker.com/cliparts/3/f/f/d/1194985689770236807arrow_-_next_01.svg.med.png) no-repeat center bottom;
    }

但是，如果您的bg图像没有显示，请检查图像路径:)

更新：

根据您的要求，我尝试了这个绿色向下箭头图标的演示。

希望这能帮上忙！