بالا و پایین دیو [بایگانی]

mohamad_torabi

چهارشنبه 18 تیر 1393, 15:00 عصر

سلام من میخوام بالا و پایین دیو دو تا عکس مختلف بزارم چه طوری میتونم این کار رو بکنم
ممنون

vimax23

چهارشنبه 18 تیر 1393, 15:09 عصر

سلام من میخوام بالا و پایین دیو دو تا عکس مختلف بزارم چه طوری میتونم این کار رو بکنم
ممنون

باید یه دیو با پوزیشن relative درست کنی
بعد توش یه دیو با پوزیشن absoluteدرست کنی و هم اینکه مقدار top رو 0 بدی
بعد دوباره یه دیو دیگه با پوزیشن absolute بساز اما این بار مقدار bottom رو 0 بدی
همین

ab.ali

چهارشنبه 18 تیر 1393, 15:11 عصر

سلام من میخوام بالا و پایین دیو دو تا عکس مختلف بزارم چه طوری میتونم این کار رو بکنم
ممنون
این طور که من متوجه شدم، شما به اون دیو دوتا background-image بدین و بعد با background-postion موقعیت هر دو تا رو مشخص کنین!

qartalonline

پنج شنبه 19 تیر 1393, 09:01 صبح

از انتخابگرهای :before و :after کمک بگیرید.

mohamad_torabi

جمعه 20 تیر 1393, 22:06 عصر

از انتخابگرهای :before و :after کمک بگیرید.

یکم توضیح میدین

دانیال دزفولی

جمعه 20 تیر 1393, 22:11 عصر

div:after{

}

div:before{

}

mohamad_torabi

جمعه 20 تیر 1393, 22:22 عصر

div:after{

}

div:before{

}

خب چیکار کنم بالا و پایین دیوم عکس باشه این که کاری میکنه

qartalonline

جمعه 20 تیر 1393, 23:25 عصر

در کد زیر به جای رنگ از تصویر استفاده کنید.

<!DOCTYPE html>
<html>
<head>
<title>title</title>
<meta charset="UTF-8">
<style type="text/css">
.box{
background: #336E7B;
color: #fff;
}
.box:after, .box:before{
background: #d90004;
display: block;
height: 50px;
content: " ";
}
.box:after{
background: #499249;
}
</style>
</head>
<body>

<div class="box">
test test<br>
test test<br>
test test<br>
test test<br>
</div>

</body>
</html>