Jakubb Opublikowano 8 Marca 2017 Autor Udostępnij Opublikowano 8 Marca 2017 Witam. NIe mam pomysłu jak mogę to wykonać aby obrazek header był na całą szerokość i wysokość tak jak jest na projekcie: http://i.imgur.com/3r8R1NY.jpg Wykonałem coś takiego: #header{ background-image: url(img/header.jpg); background-size: cover; display: block; position:absolute; overflow: auto; width:100%; height:100%; -moz-background-size: cover; -o-background-size: cover; } Ale obrazek jest dopasowany do wysokości natomiast szerokość jest ucieta :( Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
Administrator Damian Opublikowano 9 Marca 2017 Administrator Udostępnij Opublikowano 9 Marca 2017 Pokaż live demo. Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
Jakubb Opublikowano 9 Marca 2017 Autor Udostępnij Opublikowano 9 Marca 2017 http://www55.zippyshare.com/v/OJsb8rdl/file.html Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
Ola Opublikowano 9 Marca 2017 Udostępnij Opublikowano 9 Marca 2017 (edytowane) marginesy wyzerowane? Dobra, teraz widzę, że tak. Daj szerokość na auto zamiast 100%. Edytowane 9 Marca 2017 przez Gość Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
Jakubb Opublikowano 9 Marca 2017 Autor Udostępnij Opublikowano 9 Marca 2017 [quote="Ayume"]marginesy wyzerowane? Dobra, teraz widzę, że tak. Daj szerokość na auto zamiast 100%.[/quote] Ucina wtedy na taka szerokość jaką ma div w tym headerze Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
Ola Opublikowano 9 Marca 2017 Udostępnij Opublikowano 9 Marca 2017 Spróbuj którymś z tych sposobów. https://css-tricks.com/perfect-full-page-background-image/ Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
Jakubb Opublikowano 10 Marca 2017 Autor Udostępnij Opublikowano 10 Marca 2017 Juz sobie poradzilęm użyłem tego : background-image: url(img/header.jpg); background-size: cover; display: block; position:static; overflow: auto; width:100%; height:100%; -moz-background-size: cover; -o-background-size: cover; i jest ok mozna zamknąć ;) Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
Rekomendowane odpowiedzi