Próbuję zrobić tło rozciągnąć całe ciało (tylko szerokość). Działa to tylko w Chrome, Opera i Firefox. Jak mogę zrobić to również w IE? O_oRozmiar tła IE nie działa
background-size:100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
ponieważ background-size jest CSS3 specyficzny gonna trzeba użyć czegoś takiego dla niego pracować w IE
ustawić html i ciało
html {overflow-y:hidden}
body {overflow-y:auto}
zawinąć obraz, który chcesz fullscreened z div # page-tło
#page-background {position:absolute; z-index:-1}
następnie umieścić to w pliku html
<div id="page-background">
<img src="/path/to/your/image" width="100%" height="100%">
</div>
** będziesz musiał użyć jakiegoś resetu usunąć marginesy i podkładki, coś w tym
html, body {height:100%; margin:0; padding:0;}
Tak, już to przeczytałem. Myślałem, że istnieje rozwiązanie tylko css: D. Mimo to dziękuję – Cristy
Format tła nie jest obsługiwany w IE dla wersji under 9. Rozwiązaniem dla różnych przeglądarek jest użycie wtyczki jquery, takiej jak fullscreenr.
OK, wtedy zignoruję użytkowników IE8 na tym :)): D – Cristy
utworzonego jquery.backgroundSize.js: plugin jquery 1.5K, które mogą być użyta w IE8 dla "pokrycie" i "zawierają" wartości. Spójrz na demo.
Witaj Louis, próbowałem użyć twojego kodu, ale jest niewytłumaczalne miejsce na dole przeglądarki IE 8. Kiedy przełączam i otwieram konsolę elementów inspekcyjnych, wyświetla się ona doskonale, na pełnym ekranie. Ale kiedy strona się ładuje, nie jest pełnoekranowa, na dole jest trochę miejsca. Zauważyłem również, że podczas wczytywania strony górna część obrazu jest obcięta, a przykład wyświetlania dolnego 9/10 obrazu i 1/10 na górze nie jest wyświetlany. Po przełączeniu konsoli elementu kontrolnego wyświetli się 10/10 obrazu. Czy istnieje sposób, aby to naprawić? Mam nadzieję, że rozumiesz, co mówię. – Dr3am3rz
Czy pracujesz w IE9? Inaczej ... to jest znacznik CSS3. Więc nie można tego zrobić. – Marnix