با سلام به همه ی دوستان
من یه منوی popupبا div درست کردم و یه مشکل بااین منو دارم در یکی از صفحه ها همون بالا من یه select دارم و وقتی این منو رو باز می کنم یه قسمتی از این منو می یفته زیر select
پیشاپیش از همه ی دوستان و اساتید ممنون
Printable View
با سلام به همه ی دوستان
من یه منوی popupبا div درست کردم و یه مشکل بااین منو دارم در یکی از صفحه ها همون بالا من یه select دارم و وقتی این منو رو باز می کنم یه قسمتی از این منو می یفته زیر select
پیشاپیش از همه ی دوستان و اساتید ممنون
سلام.
دستور z-index رو اضافه کن و بعد مقدار بالا بهش بدید.مثلا:
کد:z-index:100
سلام امین جان
من هم دقیقا همین کار رو انجام دادم ببنید این کد منویی هست که استفاده کردم:
جالب اینجاست که در بالای صفحه یه textbox و یه select دارم منو روی textbox وزیرselect قرار می گیرهکد:#div_sub_management{
position:absolute;
width:120px;
background-color:#600000;
color:#ffffff;
left:400px;
top:178px;
visibility:hidden;
z-index:300;
}
فکر می کنم اگر از این استفاده کنید جواب بده:
اگر احیانا بازم جواب نداد، کد رو کامل بزارید شاید بهتر بتونیم راهنمایی کنیم.کد:display:block
مرورگر ie درسته؟ این منحوس بدون توجه به z-indexها اشیای فرم رو میاره جلو. به نظرم یه جا خوندم که راهش اینه که باید عنصروت رو توی درخت dom بعد از اون اشیای فرم قرار بدی. یعنی اول اون اشیا رو تعریف کنی و بعد اونی که می‌خوای بالاتر نشون داده بشه. این طوری درست می‌شه.
من که متوجه منظور شما نشدمنقل قول:
displayرو هم که گذاشتم درست نشد این کد کامل صفحهاگر زیاده ببخشید دیگهکد:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" language="javascript">
if (document.layers) {
visible = 'show';
hidden = 'hide';
}else if (document.all) {
visible = 'visible';
hidden = 'hidden'; }
function show_menu(s_menu)
{
if (document.layers)
sub_menu = document.layers[s_menu];
else if (document.all)
sub_menu = document.all(s_menu).style;
sub_menu.visibility = visible;
}
function hide_menu(s_menu)
{
if (document.layers)
sub_menu = document.layers[s_menu];
else if (document.all)
sub_menu = document.all(s_menu).style;
sub_menu.visibility = hidden;
}
</script>
<style>
body{
margin:0px;
font-size:13px;
font:tahoma, "times New Roman", arial;
}
a{
color:#990000;
text-decoration:none;
}
a:hover{
color:#003300;
text-decoration:underline;
}
#div_main{
margin:auto;
width:800px;
height:600px;
}
#div_banner{
width:800px;
height:150px;
float:left;
background-color:#600000;
background-image:url(../image/banner.png);
}
#div_menu{
width:800px;
height:24px;
float:left;
background-color:#600000;
color:#ffffff;
}
#div_menu a{
color:#ffffff;
}
#div_menu a:hover{
color:#CCFF33;
text-decoration:underline;
}
#div_body{
width:800px;
height:400px;
background-image:url(../image/back.png);
}
#div_footer{
width:800px;
height:70px;
float:left;
background-color:#600000;
color:#ffffff;
}
#div_sub_management{
position:absolute;
width:120px;
background-color:#600000;
color:#ffffff;
left:370px;
top:174px;
visibility:hidden;
z-index:300;
display:block;
}
#div_sub_management a{
color:#ffffff;
}
#div_sub_management a:hover{
color:#CCFF33;
text-decoration:underline;
}
.table_menu{
width:100%;
border:1px solid;
}
.fieldset_2{
width:500px;
margin:5px 150px;
color:#600000;
}
</style>
<body>
<div id="div_main" onClick="hide_menu('div_sub_management')">
<div id="div_banner">
</div>
<div id=div_menu>
<table class="table_menu">
<tr>
<td align="center"><a href="../webfiles/index.php" onMouseOver="hide_menu('div_sub_management')">Home</a></td>
<td align="center"><a href="#" onMouseOver="show_menu('div_sub_management')">Management</a></td>
<td align="center"><a href=../common/show_blog.php?id_blog=1 onMouseOver="hide_menu('div_sub_management')" target="_blank">View blog</a></td>
<td align="center"><a href="signout.php" onMouseOver="hide_menu('div_sub_management')">Sign out</a></td>
</tr>
</table>
</div>
<div id="div_sub_management">
<table width="125%" border="1" >
<tr>
<td><a href="show_manage_category.php">Category</a></td>
</tr>
<tr>
<td><a href="manage_post.php">Posts</a></td>
</tr>
<tr>
<td><a href="manage_comment.php">Comments</a></td>
</tr>
</table>
</div>
<div id="div_body">
<form action="form_new_post" method="post" class="fieldset_2">
<fieldset><legend>new post</legend>
<select name="nibble">
<option value="1">nibblenibblenibble</option>
<option value="2">nibble</option>
</select>
</fieldset>
</form>
</div>
<div id="div_footer">
©Copyright:2008 All Rights Reserved
</div>
</div>
</body>
</html>