Question

我有相同颜色的向下箭头的背景和背景图像。当我调用背景图像时，背景颜色变为hide.i具有背景颜色和相同颜色的背景图像。

.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

使用像 Demo

这样的速记背景属性

而不是：

.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图像，请检查图像路径:)

<强>更新

根据您的要求，我尝试使用绿色向下箭头图标 demo 。

希望这会有所帮助!!

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

1 个答案: