Witam.

Mam taki oto obraz:



Chcę go wyświetlić jako tło w górnej częsci strony, a potem na dole kontynuować tym szarym kolorem, aby był taki efekt przedłużenia tej szarości do samego dołu. Ustaliłem, że ta "szarość" to konkretniej kolor: rgb(251, 247, 234)

Tutaj demo: https://jsfiddle.net/wu6vm1q0/1/

I teraz tak - na PC wszystko jest ok - ten odcień szarości jest taki sam jak na zdjęciu, ładnie to wygląda.
Problem się pojawia, gdy wchodzę na tą stronę z urządzeń mobilnych (w moim przypadku android). Oto co się dzieje:



Skąd ten odcień żółci się tam bierze? Nijak nie mogę sobie poradzić z wyświetleniem tego koloru w poprawny sposób.

Dlatego, że color rgb(251, 247, 234) jest właśnie żólty - poprawny powinien być

[HTML] pobierz, plaintext 
body{
background: url(http://i.stack.imgur.com/0zGno.png) center top no-repeat, rgba(247, 247, 247,1);
min-height: 1200px;
}
[HTML] pobierz, plaintext 

https://jsfiddle.net/wu6vm1q0/3/

Tylko, że to nadal nie jest ten sam odcień, już nawet na PC:

a jak wytniesz kawałek tła z obrazka i zapiszesz osobno a następnie użyjesz multiple backgrounds?

No właśnie to są jakieś jaja bo wycinam w paincie i też jest takie żółte. Co jest tego powodem...? Paint?

body {
background-image:url(1.jpg),url(2.jpg);
background-position:center top,center top;
background-repeat:no-repeat,repeat;
height:2000px;
}


http://s11.postimg.org/7xpg9zziq/image.jpg <--- 1

http://s23.postimg.org/wss52n6fr/image.jpg <--- 2

sprawdz na jpeg - u mnie działa poprawnie na komputerze i telefonie

Działa! Więc to była wina Painta...? O.o tak czy siak dzięki.