Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Obrazek jako tło
Zyggmunt
post
Post #1





Grupa: Zarejestrowani
Postów: 53
Pomógł: 0
Dołączył: 28.04.2009

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

Witam. Chciałbym zrobić aby tło się rozciągało. Zrobiłem to w ten sposób:

[XML] pobierz, plaintext 
  1. <body>
  2. <img id="tlo" src="pliki/images/tlo.jpg" />
[XML] pobierz, plaintext


I dodałem arkusz stylów:
[XML] pobierz, plaintext 
  1. html
  2. {
  3. background-image: url("../images/tlo.jpg");
  4. font-family: Tahoma;
  5. height:100%;
  6. }
  7.  
  8. body {height:100%; margin:0; padding:0;}
  9.  
  10. #container
  11. {
  12. width: 900px;
  13. height: 600px;
  14. margin: 1em auto;
  15. overflow: hidden;
  16. background-color: white;
  17. }
  18.  
  19. #baner
  20. {
  21. width: 100%;
  22. height: 200px;
  23. border: 1px solid red;
  24. }
  25.  
  26. #tlo
  27. {
  28. position:fixed; top:0; left:0; width:100%; height:100%;
  29. }
[XML] pobierz, plaintext


Wszystko działa jak należy, z tym, że nie wyświetlają się elementy zawarte w body, bo prawdopodobnie obrazek je zasłania. Co zrobić aby ten obrazek był traktowany jako tło i nie zasłaniał żadnych obiektów ?

Ten post edytował Zyggmunt 31.05.2009, 19:59:20
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
zzeus
post
Post #2





Grupa: Zarejestrowani
Postów: 441
Pomógł: 71
Dołączył: 3.09.2007
Skąd: wrocław

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

wyrzuć img z body, a w stylach do body dodaj background-image a nie do html
Go to the top of the page
+Quote Post
Zyggmunt
post
Post #3





Grupa: Zarejestrowani
Postów: 53
Pomógł: 0
Dołączył: 28.04.2009

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

Ale wtedy tło się nie rozciąga, a chodzi mi o rozciąganie tła.
Go to the top of the page
+Quote Post
athei
post
Post #4





Grupa: Zarejestrowani
Postów: 389
Pomógł: 141
Dołączył: 11.04.2009

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

Zobacz to http://www.cssplay.co.uk/layouts/background.html albo szukaj http://www.google.com/search?name=f&hl...kground+stretch
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 24.12.2025 - 16:23
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn