|
Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
|
Gradient na całą stronę
|
Liczba postów: 1
Liczba wątków: 1
Dołączył: 07-09-2010
Reputacja:
0
Witam serdecznie
Mam takie pytanko. Jak zrobić by gradient stworzony za pomocą CSS3 rozciągał się-niezależnie od zawartości-od początku do końca ekranu? W tej chwili, gdy ustawię odpowiedni gradient, ten kończy się na ostatnim divie i zaczyna od nowa pod spodem i powtarza do samego końca ekranu.
Przykład;
Kod: body {
background:#11314d;
background:-moz-linear-gradient(top, #144470 0%, #1c4c78 25%, #11314d 60%);
}
Pozdrawiam
Krzysiek
Liczba postów: 296
Liczba wątków: 1
Dołączył: 11-12-2009
Reputacja:
9
Zrób sobie diva na wysokość i szerokość całej strony i jemu nadaj gradient. Sprawdzałem, działa.
Kod: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<style>
body {
margin: 0;
padding:0;
}
#whole {
width: 100%;
height:100%;
background:#11314d;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.54, rgb(50,82,58)),
color-stop(0.69, rgb(51,202,89)),
color-stop(0.91, rgb(77,243,116))
);
background: -moz-linear-gradient(
center bottom,
rgb(50,82,58) 54%,
rgb(51,202,89) 69%,
rgb(77,243,116) 91%
);
}
</style>
</head>
<body>
<div id="whole"></div>
</body>
</html>
|
| Podobne wątki… |
| Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
| |
Jak założyć stronę www samemu |
dariusz.zbin |
19 |
15,864 |
31-10-2022, 02:53
Ostatni post: wozniak
|
| |
zapłata za stronę |
Nicorrtiss |
22 |
19,960 |
17-06-2021, 04:09
Ostatni post: wozniak
|
| |
Jak dopasować własną strone do Prestashop |
Witek7777 |
0 |
2,627 |
06-06-2015, 22:10
Ostatni post: Witek7777
|
| |
[CSS][HTML] Jak wycentrować strone |
Witek7777 |
3 |
4,618 |
27-05-2015, 14:43
Ostatni post: Kartofelek
|
| |
Upload filmów na swoją stronę z zewnętrznym free hostingiem |
nutyorg |
1 |
2,814 |
19-07-2013, 16:44
Ostatni post: mateo
|
Użytkownicy przeglądający ten wątek: 1 gości
|
|
|
Sponsorzy i przyjaciele
|
|
|
