قراردادن عكس و ليبل روي هم

[s_mokhtari]

با سلام:متعجب:
دوستان من يه عكس دارم كه ميخوام روي اون يه ليبل بذارم و يه چيزي بنويسم حالا z-index رو هم صفر كردم ولي وقتي ليبل رو ميذارم ليبل پايين عكس ميفته و روي عكس نميفته
ميشه راهنمايي كنيد
ممنون:گیج::گیج:

[hamidre13]

دیسپلی عکس رو اینلاین کن ببین درست میشه!

display:inline;

[raravaice]

مقدار position را برای لیبل absolute قرار دهید و z-index آنرا بیشتر از 0 و همچنین توسط top و left میتوانید محل آن را مشخص کنید.
همچنین اگر از relative استفاده کنید قابلیت کنترل بیشتری بر روی لیبل خواهید داشت.

موفق باشید

[mohsen_Iran]

سلام
اگر position رو absolute کنی باید top و ... بر حسب سایت مقدار بدی ولی اگر relative کنی حتما بهتر خواهد بود و در رزولیشن های مختلف هم تغییر نخواهد کرد.

[s_mokhtari]

دیسپلی عکس رو اینلاین کن ببین درست میشه!

display:inline;


سلام
از همه شما متشكرم ولي اين كدش درست نشد
.
img
{
z-index :0;
background-image:url(images/logotop.gif);
width:200px;
display:inline;
}
.lbl4
{
width:50px;
z-index :3;
position :relative ;
}
ممنون
--------------------

مقدار position را برای لیبل absolute قرار دهید و z-index آنرا بیشتر از 0 و همچنین توسط top و left میتوانید محل آن را مشخص کنید.
همچنین اگر از relative استفاده کنید قابلیت کنترل بیشتری بر روی لیبل خواهید داشت.

موفق باشید
با سلام
اين رو امتحان كردم نشد باز
.
img
{
z-index :0;
background-image:url(images/logotop.gif);
width:200px;
display:inline;
}
.lbl4
{
width:50px;
z-index :3;
position :relative ;
}

ممنون:گریه:

[mohsen_Iran]

شما برای کلاس لیبل مقدار ندادید باید با استفاده از خاصیت های top left right مقدار به این کلاس بدید تا روی قسمت عکستون قرار بگیره. زمانی که شما خاصیت relative استفاده میکنید این مقادیر هم باید مقداردهی کنید در غیر اینصورت مثل قبل عمل میکند