Próbuje zrobić takie coś, że jak mam obrazek to ustawiam go jako background, tak żeby się nie przewijał - był ciągle ten jeden obrazek, się automatycznie dopasowywał do szerokości okna przęglądarki
zrobiłem na razie coś takiego
Code: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" land"pl">
<head>
<title>BG</title>
<style type="text/css">
body
{
margin: 0px;
}
#bg
{
position: fixed;
margin: 0px;
border: 0px;
padding: 0px;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0;
background-repeat: repeat-y;
}
#bg img
{
width: 100%;
}
#body
{
position: absolute;
left: 0%;
top: 0%;
width: 98%;
height:98%;
padding: 1%;
z-index: 10;
}
li {
margin-bottom: 2em;
}
</style>
</head>
<body>
<div id="bg"><img src="images/1.jpg"></div>
<div id="body">ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg </div>
</body>
</html>
Jak to poprawić, żeby się kopiowało wzdłuż y, albo po prosto zrobić tak żeby obrazek był widoczny tylko przy pełnym oknie inaczej będzie zasłonięte.
wiem że jak poprawie na
Code: Zaznacz cały
#bg img
{
width: 100%;
height: 100%;
}
Chcę osiągnąć coś takiego jak mają na tvgry.pl