Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Problem z określeniem koloru tła, bazując na grafice
Mody23
post 26.03.2016, 09:51:13
Post #1





Grupa: Zarejestrowani
Postów: 276
Pomógł: 0
Dołączył: 30.06.2010

Ostrzeżenie: (10%)
X----


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.
Go to the top of the page
+Quote Post
Rufus_84
post 26.03.2016, 10:08:27
Post #2





Grupa: Zarejestrowani
Postów: 77
Pomógł: 1
Dołączył: 15.12.2012

Ostrzeżenie: (0%)
-----


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

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


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

Ten post edytował Rufus_84 26.03.2016, 10:09:09
Go to the top of the page
+Quote Post
Mody23
post 26.03.2016, 11:02:37
Post #3





Grupa: Zarejestrowani
Postów: 276
Pomógł: 0
Dołączył: 30.06.2010

Ostrzeżenie: (10%)
X----


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

Go to the top of the page
+Quote Post
mariolita
post 26.03.2016, 11:24:59
Post #4





Grupa: Zarejestrowani
Postów: 116
Pomógł: 10
Dołączył: 24.04.2015

Ostrzeżenie: (0%)
-----


a jak wytniesz kawałek tła z obrazka i zapiszesz osobno a następnie użyjesz multiple backgrounds?
Go to the top of the page
+Quote Post
Mody23
post 26.03.2016, 11:42:55
Post #5





Grupa: Zarejestrowani
Postów: 276
Pomógł: 0
Dołączył: 30.06.2010

Ostrzeżenie: (10%)
X----


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

Ten post edytował Mody23 26.03.2016, 11:43:07
Go to the top of the page
+Quote Post
mariolita
post 26.03.2016, 11:56:07
Post #6





Grupa: Zarejestrowani
Postów: 116
Pomógł: 10
Dołączył: 24.04.2015

Ostrzeżenie: (0%)
-----


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

Ten post edytował mariolita 26.03.2016, 11:56:51
Go to the top of the page
+Quote Post
Mody23
post 26.03.2016, 12:01:30
Post #7





Grupa: Zarejestrowani
Postów: 276
Pomógł: 0
Dołączył: 30.06.2010

Ostrzeżenie: (10%)
X----


Działa! Więc to była wina Painta...? O.o tak czy siak dzięki.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 08:11