olampiad
جمعه 31 مرداد 1393, 08:35 صبح
سلام و خسته نباشید
به این متن ی نگا بندازید
پس زمینه اسلایدر باید ثابت (fixed) باشد و نباید محل قرارگیری آن با پیشمایش صفحه جابجا شود.
من این کار رو فقط باید با استفاده از css انجام بدم.
منظورش ب طور دقیق از این حرف چیه؟
میشه ی مثال از این نمونه بزنید.
به این کد های من ی نگا بندازید.
من ی چیزی شبیه ب پروژه بالا نوشتم.
با پیمایش صفحه پس زمینه ثابت می ماند ولی اما
به جای اینکه جای پس زمینه های دیگر را بگیرد در روی آنها قرار میگیرد.
میشه خودتون یکبار روی سیسم خودتون اجرا کنید و ببینید چ خبره.
ممنون
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> index </title>
<style type="text/css">
body{
margin:0px;
padding:0px;
text-align:center;
}
header{
width:100%;
height:100px;
background:#ccc;
}
#slider{
height:400px;
width:100%;
color:#FFF;
}
#slider2{
background:url(s_back.jpg);
background-size:100% 100%;
width:100%;
z-index:-1;
height:400px;
position:fixed;
top:100px;
}
h1{
margin:0px;
padding:0px;
}
#one{
width:100%;
height:500px;
background:#6FF;
}
#two{
width:100%;
height:500px;
background:#FCC;
}
#three{
width:100%;
height:500px;
background:#69C;
}
</style>
</head>
<body>
<div id="slider2"></div>
<header> اینجا هیدر هستش </header>
<div id="slider">
<h1> سلام </h1>
<br>
<h1> خداحافظ </h1>
<br>
<h1> بای </h1>
<br>
</div>
<div id="one">
<h1> one </h1>
</div>
<div id="two">
<h1> one </h1>
</div>
<div id="three">
<h1> one </h1>
</div>
</body>
</html>
به این متن ی نگا بندازید
پس زمینه اسلایدر باید ثابت (fixed) باشد و نباید محل قرارگیری آن با پیشمایش صفحه جابجا شود.
من این کار رو فقط باید با استفاده از css انجام بدم.
منظورش ب طور دقیق از این حرف چیه؟
میشه ی مثال از این نمونه بزنید.
به این کد های من ی نگا بندازید.
من ی چیزی شبیه ب پروژه بالا نوشتم.
با پیمایش صفحه پس زمینه ثابت می ماند ولی اما
به جای اینکه جای پس زمینه های دیگر را بگیرد در روی آنها قرار میگیرد.
میشه خودتون یکبار روی سیسم خودتون اجرا کنید و ببینید چ خبره.
ممنون
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> index </title>
<style type="text/css">
body{
margin:0px;
padding:0px;
text-align:center;
}
header{
width:100%;
height:100px;
background:#ccc;
}
#slider{
height:400px;
width:100%;
color:#FFF;
}
#slider2{
background:url(s_back.jpg);
background-size:100% 100%;
width:100%;
z-index:-1;
height:400px;
position:fixed;
top:100px;
}
h1{
margin:0px;
padding:0px;
}
#one{
width:100%;
height:500px;
background:#6FF;
}
#two{
width:100%;
height:500px;
background:#FCC;
}
#three{
width:100%;
height:500px;
background:#69C;
}
</style>
</head>
<body>
<div id="slider2"></div>
<header> اینجا هیدر هستش </header>
<div id="slider">
<h1> سلام </h1>
<br>
<h1> خداحافظ </h1>
<br>
<h1> بای </h1>
<br>
</div>
<div id="one">
<h1> one </h1>
</div>
<div id="two">
<h1> one </h1>
</div>
<div id="three">
<h1> one </h1>
</div>
</body>
</html>