AboutMe
1.03.2011, 16:03:59
Witam,
Dlaczego po zastosowaniu poniższego kodu:
html { width:100%; height:100%; background:url("img/preloader.gif") no-repeat center center #000000; }
body { margin:0px; padding:0px; background:url("img/bg.jpg") no-repeat; }
plik bg.jpg się nie wyświetla?
Dopiero gdy usuną pierwszą linię stylu dla HTML wtedy tło dla BODY wyświetla się prawidłowo.
Będę wdzięczny za wszelkie porady.
Valdi_B
1.03.2011, 16:31:52
Na stronie
http://www.westciv.com/style_master/academ...html#background znalazłem uwagę:
It is also recommended that you specify
a background-color as well as a background-image.
U Ciebie w formacie dla <body> koloru nie ma.
Spróbuj dodać, może to coś da.
AboutMe
1.03.2011, 16:41:44
Niestety kombinowałem różnie i nic to nie daje. Wyświetla się czarne tło z preloaderem.
Kujski
1.03.2011, 17:10:40
Tak powinno działać - bynajmnie ja stosuje taki kod
background: #fff url(img/bg.jpg) 0 0 no-repeat;
Po drugie:
html { width:100%; height:100%; background:url("img/preloader.gif") no-repeat center center #000000; }
To jest błędne. Do tagu html nie powinno się nic dodawać.
Valdi_B
1.03.2011, 17:23:51
Na swoim komputerze zrobiłem próbę, w takiej postaci jak u Ciebie, tylko obrazki "moje" i mnie się oba wyświetlają.
Co prawda stronę mam króciutką i wszystko się wyświetla od razu.
Co widzę w Twoim kodzie:
- oba tła masz bez powtórzeń, (ja zrobiłem i repeat i no-repeat, w obu wariantach działa),
- w tle dla <html> masz wyrównanie "center center",
- a dla <body> - wyrównanie domyślne (top left).
Może to głupie, ale mam podejrzenie:
Czy od obrazka dla <body> nie oczekujesz, że "przykryje" obrazek dla <html>?
Popatrz na lewy górny róg?
Nic tam nie ma (obrazka)?
Edit:
Dla pewności sprawdziłem także w IE (przedtem w FireFox'ie) i też się wyświetla.
A poeksperymentuj z zamianą obrazków miejscami, innym kolorem tła.
Może weź jakiś inny obrazek?
AboutMe
2.03.2011, 14:01:10
Dzięki za fatygę ale to nie działa. Ostatecznie wrzuciłem bg.jpg do #container i ustawiłem height:100% i position:absolute
Cytat
Czy od obrazka dla <body> nie oczekujesz, że "przykryje" obrazek dla <html>?
Właśnie o to mi chodzi, zanim się załaduje duży obrazek dla BODY wcześniej zostanie wyświetlony mały preloader GIF.