用手機的顏色代替背景圖像

Question

我一直在尋找和嘗試不同的事情，但我無法獲得任何工作。我在this page的頂部有一個背景圖片，頂部有淡黃色的文字。

我正在使用此代碼使其響應。

.homepage-intro{ 
background: url('http://inboundmarketing.digitalhive.buzz/hubfs/dec-2015-images/bee-flower-purple.png') no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
} 

但在移動設備上淺黃色的文字是對花的淡黃色部分的頂部，所以我想換出來的圖像的顏色爲＃634356，但沒有我嘗試通過搜索和使用建議代碼作品。

謝謝。

Answer 1

嘗試在CSS這個媒體查詢與您一起noraml CSS

@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 480px) 
    and (-webkit-min-device-pixel-ratio: 2) { 
.homepage-intro{ 
background: #yourColor; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
} 
} 

/*normal css*/ 
.homepage-intro{ 
background: url('http://inboundmarketing.digitalhive.buzz/hubfs/dec-2015-images/bee-flower-purple.png') no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
}