PDA

View Full Version : سوال: قرار دادن عکس سه لایه در di با css



IranVisual
پنج شنبه 01 مرداد 1388, 09:31 صبح
تو یکی از سایتها دیدم که یه عکس رو که سه لایه داره با css توی div قرار میدن تصویر نمونه رو هم تو ضمیمه ها میزارم

emad_67
پنج شنبه 01 مرداد 1388, 14:26 عصر
خوب سوالت چیه حالا؟
معمولا از این روش برای ایجاد rollover استفاده می کنن به طوری که عکس رو در زمینه div قرار میدن و در کلاس hover با رفتن موس روی اون، position عکس رو تغییر میدن تا مثلا دایره وسطی نمایش داده بشه. یا برای حالت active دایره پایینی و ...

IranVisual
یک شنبه 04 مرداد 1388, 11:00 صبح
مشکل من تو تصویر اولی هست چجوری اونو توی یک div بچینم مثل شکل زیر

emad_67
یک شنبه 04 مرداد 1388, 11:22 صبح
شما باید یک div در نظر بگیری که داخل اون 2 تا div دیگه وجود داره. 2 تا div داخلی باید تصویر مربوط به گوشه های چپ و راست رو در زمینه داشته باشن و div بیرونی تصویر وسطی رو. کدش رو برات نوشتم اگر جاییشو متوجه نشدی بگو توضیح بدم.


#ctn
{
background: url("xsbarb.gif") right center;
height: 26px;
}
#ctn div.right
{
background: url("xsbarb.gif") right bottom;
height: 26px;
float: right;
width: 4px;
}
#ctn div.left
{
background: url("xsbarb.gif") right top;
height: 26px;
float: left;
width: 4px;
}
</style>
</head>

<body>
<div id="ctn">
<div class="right"></div>
<div class="left"></div>
</div>
</body>