Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Dopasowanie tła na stronie do rozdzielczość.
ciapus4
post 3.03.2014, 15:47:06
Post #1





Grupa: Zarejestrowani
Postów: 140
Pomógł: 0
Dołączył: 25.08.2012

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


Witam, pogżebałem w google, ale.....,tu moje pytanie jak dopasować obrazek tła do danej rozdzielczości ekaranu komputer, laptopa, żeby automatycznie się osadzał względem różnych rozdzielczości ?
mam taki kod dla tła.
  1. HTML, BODY {
  2. background-color:#d4d0c8;
  3. height: auto;
  4. width: 100%;
  5. margin-top: 0;
  6. margin-bottom: 0;
  7. margin-left: auto;
  8. margin-right: auto;
  9. padding: 0;
  10. font-family: Arial, Helvetica, sans-serif;
  11. font-size: 14px;
  12. text-align: center;
  13. background-image: url(gfx/bg_body.jpg);
  14. background-repeat: repeat-y;
  15. background-attachment: fixed;
  16.  
  17. }


width: 100%;
height: auto;
Nie zabardzo to działa.

Ten post edytował ciapus4 3.03.2014, 15:57:27
Go to the top of the page
+Quote Post
Daimos
post 3.03.2014, 20:16:56
Post #2





Grupa: Zarejestrowani
Postów: 1 319
Pomógł: 118
Dołączył: 26.11.2003
Skąd: Lublin

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


Chodzi Ci o skalowanie tego tła? Za pomocą samego background nie zmodyfikujesz grafiki. Jeśli chcesz zmieniać jej wielkość, w zależności od wielkości okna, to najłatwiej zrobić warstwę pod całą stroną z obrazkiem img i ten obrazek już możesz skalować


--------------------
scriptun.com. Startup z poradnikami do gier ttp.zone i ttpzone.pl
Go to the top of the page
+Quote Post
Mega_88
post 3.03.2014, 21:07:45
Post #3





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

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


A czemu nie tak ?

  1. background:url(url obrazek) center no-repeat;background-size: cover;position:relative;width:100%;height:100%;padding:0;
Go to the top of the page
+Quote Post
Daimos
post 7.03.2014, 16:40:02
Post #4





Grupa: Zarejestrowani
Postów: 1 319
Pomógł: 118
Dołączył: 26.11.2003
Skąd: Lublin

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


a może dlatego, że dopiero IE9 obsługuje background-size


--------------------
scriptun.com. Startup z poradnikami do gier ttp.zone i ttpzone.pl
Go to the top of the page
+Quote Post
meezan
post 7.03.2014, 20:18:26
Post #5





Grupa: Zarejestrowani
Postów: 28
Pomógł: 1
Dołączył: 16.06.2008
Skąd: Przechlewo

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


I dlatego polecam :
http://www.htmldrive.net/items/show/1338/j...in-all-browsers
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: 5.05.2025 - 08:23