Skocz do zawartości

Zdjęcie
* * * * * 1 głosy

Niepowtarzalne tło


Najlepsza odpowiedź zonic, 18 stycznia 2015 - 00:41

Zapewne chcesz osiągnąć dodatkowo pełen ekran. Bo teraz u mnie na dużej rozdzielczości to słabo wygląda.

Polecam Ci rozwiązanie typu: 

 

body{
background: url(../img/images/pic01.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Przejdź do postu


2 odpowiedzi w tym temacie
  • Zamknięty Temat jest zamknięty
proboszcz

    Użytkownik

  • 84 postów
    • Czas spędzony online: 1d 22h 43m 11s
0
Neutralna
  • LocationŚwiecie

Napisano 17 stycznia 2015 - 23:18

#1

Cześć mam banalny problem ale próbowałem na parę sposobów i nie chce mi się obrazek dobrze ustawić. 
nastomiast, chce ten obrazek jako tło. Lecz powtarza mi się i nie chce mi się nie powtarzać robiłem to w html i css

 

Efekt mozna zobaczyć na stronie http://project.krystianjarzebski.pl/

 

kod html

	<!-- Header -->
		<div id="header">
              <body background="img/images/pic01.jpg" bgproperties="fixed" background-repeat: "no-repeat"></body>
			<div id="nav-wrapper"> 
				<!-- Nav -->
				<nav id="nav">
					<ul>
						<li class="active"><a href="index.html">Strona główna</a></li>
						<li><a href="left-sidebar.html">O mnie</a></li>
						<li><a href="right-sidebar.html">Realizacje</a></li>
						<li><a href="no-sidebar.html">Kontakt</a></li>
					</ul>
				</nav>
			</div>
</body>
</html>


css

.header {
	 
     display: block;
	 margin-top: auto;
	 background-attachment: fixed;

}

Problem naprawiony, w cssie trzeba było zmienić na 

 

body {
    background-image: url(../img/images/pic01.jpg);
    background-repeat: no-repeat;
}
 
Sorry , za temat.
Mozna zamknąć. 

  • -1

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 18 stycznia 2015 - 00:41   Najlepsza odpowiedź

#2

Zapewne chcesz osiągnąć dodatkowo pełen ekran. Bo teraz u mnie na dużej rozdzielczości to słabo wygląda.

Polecam Ci rozwiązanie typu: 

 

body{
background: url(../img/images/pic01.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

  • 3

proboszcz

    Użytkownik

  • 84 postów
    • Czas spędzony online: 1d 22h 43m 11s
0
Neutralna
  • LocationŚwiecie

Napisano 18 stycznia 2015 - 20:52

#3

Okej, zastosowałem sie do tego rozwiązania ;)
Dzięki, możesz zamknąć temat. 


  • 1




Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych