Как растянуть фоновую картинку?
Скажите, пожалуйста, как растянуть фоновую картинку в html.
background-replace:
Неа ))) растянуть, а не замостить.
Автору: ни как стандартными средсвами CSS2.
растягивание фонового рисунка (HTML,JS ...).
Хотя выход есть, но это по разметке фоном назвать нельзя, хотя по логике таковым и получается:
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Фоновый рисунок</title>
<style type="text/css">
.fon {
width: 100%;
border: 0;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
</style>
</head>
<body>
<div>Тут некий контент</div>
<p><img class="fon" src="fon.JPG" alt="фон" /></p>
</body>
</html>
[/HTML]
Метод может в некоторых случаях оказаться не приемлемым, но для тебя думаю подойдет. Корректно понимается как IE6, так и FF и Opera.
Автору: ни как стандартными средсвами CSS2.
растягивание фонового рисунка (HTML,JS ...).
Хотя выход есть, но это по разметке фоном назвать нельзя, хотя по логике таковым и получается:
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Фоновый рисунок</title>
<style type="text/css">
.fon {
width: 100%;
border: 0;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
</style>
</head>
<body>
<div>Тут некий контент</div>
<p><img class="fon" src="fon.JPG" alt="фон" /></p>
</body>
</html>
[/HTML]
Метод может в некоторых случаях оказаться не приемлемым, но для тебя думаю подойдет. Корректно понимается как IE6, так и FF и Opera.
[QUOTE=shaelf]background-replace:[/QUOTE]
Как я понимаю это css. А мне нужно как-нибудь в <body> вставить фоновую картинку и растянуть на весь экран. Если это нельзя, то хотелось бы получить код этой картинки с помощью css.
Как я понимаю это css. А мне нужно как-нибудь в <body> вставить фоновую картинку и растянуть на весь экран. Если это нельзя, то хотелось бы получить код этой картинки с помощью css.
Цитата: alekciy
Неа ))) растянуть, а не замостить.
Автору: ни как стандартными средсвами CSS2.
растягивание фонового рисунка (HTML,JS ...).
Хотя выход есть, но это по разметке фоном назвать нельзя, хотя по логике таковым и получается:
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Фоновый рисунок</title>
<style type="text/css">
.fon {
width: 100%;
border: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: -1;
}
</style>
</head>
<body>
<div>Тут некий контент</div>
<p><img class="fon" src="fon.JPG" alt="фон" /></p>
</body>
</html>
[/HTML]
Метод может в некоторых случаях оказаться не приемлемым, но для тебя думаю подойдет. Корректно понимается как IE6, так и FF и Opera.
Автору: ни как стандартными средсвами CSS2.
растягивание фонового рисунка (HTML,JS ...).
Хотя выход есть, но это по разметке фоном назвать нельзя, хотя по логике таковым и получается:
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Фоновый рисунок</title>
<style type="text/css">
.fon {
width: 100%;
border: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: -1;
}
</style>
</head>
<body>
<div>Тут некий контент</div>
<p><img class="fon" src="fon.JPG" alt="фон" /></p>
</body>
</html>
[/HTML]
Метод может в некоторых случаях оказаться не приемлемым, но для тебя думаю подойдет. Корректно понимается как IE6, так и FF и Opera.
Это хорошо, но можно-ли будет русскими буквами писать поверх этого "фона"?
О все получилось поменяв utf-8 на windows-1251!
Большое спасибо!
Большое спасибо!
Цитата: Tanger
О все получилось поменяв utf-8 на windows-1251!
Ну хвала богам хоть это догадался сделать :D .
Я вообще везде использую UTF и рекомендую всем это делать.
Цитата:
Я вообще везде использую UTF и рекомендую всем это делать.
Поддерживаю
а почему width два раза?
Цитата: SkyM@n
а почему width два раза?
Да просто ошибся. Ща поправим.
Цитата: alekciy
Да просто ошибся. Ща поправим.
А.. Уже думал, что эт у експлорера баг такой, что надо два раза писать, потому что меняется значения после установки типа позиционирования или лефта/топа:D