Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]problem z obrazkowym tłem w IE
--lena--
post
Post #1





Goście







Witam,

Od jakiegoś czasu męczę się z tym, że w starszych przeglądarkach IE moje tło obrazkowe nie wyświetla się na całą stronę:

}
body {
background: url(slider.png) no-repeat;
background-size: cover; ( auto lub 100% -> próbowałam wszystkich kombinacji)
text-align: center;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #4e321f;
margin: 0;
padding: 0;
padding-bottom:50px;
}

próbowałam również sposobów z tej strony: http://css-tricks.com/perfect-full-page-background-image/

ale po wrzuceniu obrazka w body tło owszem rozciągnęło się na całą stronę (w szerokości) ale cała treść strony wylądowała pod obrazkiem i to nie tylko w IE.

czy ktoś wie co można z tym zrobić?
Go to the top of the page
+Quote Post
lobopol
post
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Podałeś stronę która ma idealny przykład, skopiuj sobie cały (zależnie od wersji wspieranej przeglądarki) i zobaczysz, że działa


--------------------
Go to the top of the page
+Quote Post
com
post
Post #3





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

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


starsze przeglądarki nie wspierają background-size bo je wprowadzili dopiero w css3 smile.gif

Cytat
The background-size property is supported in IE9+
Go to the top of the page
+Quote Post
Turson
post
Post #4





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

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


  1. background: url(slider.png) no-repeat;

IE bywa upierdliwe, więc lepiej pisać:
  1. background: url("slider.png") no-repeat;
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 Aktualny czas: 19.08.2025 - 13:06