Jump to content
  • 0

Фон

Krisstal

Asked by Krisstal,

 Share

Question

17 answers to this question

Recommended Posts

  • 0
psywalker Explorer

psywalker

Posted
Posted
Подскажите пожалуйста как сделать там что бы при уменьшении окна браузера фоновое изображение тоже уменьшалось?

Зарание благодарен за помошь. :)

Сделать его <img>

Link to comment
Share on other sites
  • 0
LunatiK Explorer

LunatiK

Posted
Posted
На background ? Чтобы он растягивался и масштабировался, как нужно? Пример в студию

нет конечно , не бэкграунт, за постами следи, цепочку видать потерял. говоряд же img один под другим слоем z-index

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
нет конечно , не бэкграунт, за постами следи, цепочку видать потерял. говоряд же img один под другим слоем z-index

Это ты за постами следи, после моего предложения сделать фон <img> ТС ответил, что это уже для него не считается фоном!

http://forum.htmlbook.ru/index.php?s=&...st&p=133356

Link to comment
Share on other sites
  • 0
LunatiK Explorer

LunatiK

Posted
Posted
Это ты за постами следи, после моего предложения сделать фон <img> ТС ответил, что это уже для него не считается фоном!

http://forum.htmlbook.ru/index.php?s=&...st&p=133356

На что Int, возразил, и пояснил как сделать чтобы выглядело как фон

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted 

<!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" />
	<meta http-equiv="imagetoolbar" content="no" />
	<title></title>
	<style type="text/css"><!--
	html,body{height:100%;}
	body{
		margin:0;
		color:#fff;
		background:url(transparent.gif) fixed;
		_width:expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto");
	}
	#wrapper{
		position:relative;
		z-index:1;
		min-height:100%;
	}
	#main{
		width:1000px;
		margin:0 auto;
		overflow:hidden;
	}
	.bg-body{
		width:100%;
		height:100%;
		overflow:hidden;
		position:absolute;
		top:0;
		left:0;
	}
	.bg-body img{
		height:100%;
		width:100%;
		border:0;
		position:fixed;
		top:0;
		left:0;
	}
	* html .bg-body img{
		position:absolute;
		top:expression(eval(document.documentElement.scrollTop) + "px");
	}
	--></style>
</head>
<body>
	<div id="wrapper">
		<div id="main">
			<p>Lorem ipsum dolor sit amet consectetuer Vestibulum vitae auctor nulla Nam. Convallis mauris nec et In auctor interdum et et vitae tellus. Velit urna gravida lorem molestie cursus id semper Curabitur lacus semper. Diam eget wisi Vestibulum pretium Quisque nec Donec mauris convallis Nullam. Id et dis neque venenatis Maecenas tortor Curabitur enim quis cursus. Mattis ullamcorper porttitor sociis dui lacinia penatibus vitae.</p>
			<p>Nisl pretium vitae Vivamus neque euismod In tincidunt tellus tincidunt Phasellus. Nullam tincidunt neque tempus lacus nibh Suspendisse leo auctor non felis. Venenatis non metus senectus condimentum Donec massa malesuada consectetuer nulla Nulla. Condimentum ut sed urna sapien leo semper Vivamus dui leo vitae. Elit Nullam Nunc netus lobortis laoreet sem vitae mollis non ut. Suscipit Aliquam quis In tempus laoreet consectetuer Cum Cras a.</p>
			<p>Pede metus Aliquam vel Curabitur Nam metus pellentesque lacus metus Sed. Elit pellentesque non Curabitur metus lorem ac et enim lobortis orci. Quis augue et Vivamus leo egestas Donec sagittis lacus a pretium. Est ut Sed faucibus ac elit tincidunt lacus ridiculus orci laoreet. Augue nibh tempus Quisque velit dolor consequat gravida venenatis at Cras. Risus Phasellus porttitor Curabitur augue condimentum augue elit Sed dolor ac. Elit pellentesque nulla.</p>
			<p>Libero molestie nibh sed quis ante urna Duis diam elit tellus. Neque Nulla consequat ac vel convallis ut dis ante nunc wisi. Sed Suspendisse Sed pretium ligula pellentesque tincidunt tortor tincidunt commodo Vivamus. Sed Curabitur ante orci vitae tellus tempor elit Vivamus pellentesque enim. Habitasse adipiscing vel Phasellus laoreet quis lacus leo id wisi nibh. Quisque elit ut tincidunt Vestibulum lacus nibh orci euismod.</p>
			<p>Accumsan enim Morbi laoreet sit tempus Morbi ullamcorper nibh vitae consequat. Tempor convallis accumsan Aenean Nam molestie lacus Vestibulum sem tincidunt nec. Consectetuer Cum Nulla Nulla interdum tellus urna In vitae consequat consectetuer. In ut magna nulla at urna ut tellus urna et a. Ut pretium orci eu interdum nec Pellentesque tellus quis Quisque elit. </p>
		</div>
	</div>
	<div class="bg-body"><img src="bg-body.jpg" alt="" /></div>
</body>
</html>

Вот тебе сырой пример...

В ие6 некорректно работает.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept