當我插入相同顏色的背景圖像時，背景顏色不可見

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圖像未顯示，請檢查圖像路徑:)

更新：

根據您的要求，我嘗試了帶有綠色向下箭頭圖標的演示 。

希望這可以幫助 ！！