PDA

View Full Version : سوال: عمل نکردن Z-index



DR.HTML
پنج شنبه 21 مهر 1390, 19:33 عصر
ُلام دوستان من میخوام یه کدی نوشتم که دوتا دایو داره و یکیشونو یه زره بردم زیر اونیکی حالا میخوام کاری کنم وقتی میری روی دایو بالای موس بره پایین اونیکی کدمو ببینید متوجه میشید چرا کدم کار نمیکنه ؟ <html>
<head>
<style type="text/css">
#tt{background-color:red;
height:80px;
width:100%;
position:relative;
}
#tt:hover;a{z-index:-3;
}
#ss{background-color:blue;
height:80px;
width:100%;
margin-top:-30px;
position:relative;
z-index:-1;
}


</style>
<body>
<div id="tt">
</div>
<div id="ss">
</div>
</body>
</html>

Qermezkon
پنج شنبه 21 مهر 1390, 20:30 عصر
وقتي از CSS استفاده ميكني ، المان ها فقط يكبار مقدار ميگيرن برو از jQuery استفاده كن

DR.HTML
پنج شنبه 21 مهر 1390, 22:01 عصر
عزیز من فهمیدم مشکل چیه مشکل اینه که قسمتیو که برای hover گزاشتم عمل نمیکنه و چیزی که شما میگین من احتمال میدم شاتباه باشه چون مندوبار مقدار ندادم یه بار به خودش دادم یه بارم به زمانیی دادم کهموس میره روش

mahdioo12194
پنج شنبه 21 مهر 1390, 22:31 عصر
<html>
<head>
<style type="text/css">
#tt{background-color:red;
height:80px;
width:100%;
position:relative;

}

div:hover {z-index:6}

#ss{background-color:blue;
height:80px;
width:100%;
margin-top:-30px;
position:relative;
z-index:5;
}


</style>
<body>
<div id="tt">
</div>
<div id="ss">
</div>
</body>
</html>

tux-world
پنج شنبه 21 مهر 1390, 23:48 عصر
z-index به نظر من روی این خاصیت درست جواب نمیده : position:relative
از این خاصیت شناور بودن استفاده کنید: position: absolute;

hamiii
جمعه 22 مهر 1390, 21:08 عصر
z-index در همه پوزیشن ها غیر از استاتیک کاملاً جواب میده.مخصوصا برای relative هم من تو کارهام استفاده میکنم.

naskam
پنج شنبه 05 آبان 1390, 01:17 صبح
بهz-indexمقدار منفی نده.