z-index在ff下的使用，火狐下总是被遮盖住一部分
附代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>输入框提示</title>
<script>
function ddd(obj, sType) {
var oDiv = document.getElementById(obj);
if (sType == 'show') { oDiv.style.display = 'block';}
if (sType == 'hide') { oDiv.style.display = 'none';}
}
</script>
<style>
#fbox_right{ float:right;width:753px;overflow:hidden;}
#fbox_right .fbox_right_all{ width:100%; overflow:hidden;}
.f_t_fabu{ width:100%; margin:0px;font-size:13px; overflow:hidden;}
.regform_info_rz{ margin:0 auto; width:730px;margin-top:5px;overflow:hidden;}
.regform_info_rz .reg_every {width:100%;clear:both;display:block;line-height:32px; vertical-align:middle;margin:0px;overflow:hidden; padding:10px; color:#000;}
.regform_info_rz .reg_every table{ margin:0 auto;}
.regform_info_rz .reg_every table th, .regform_info_rz .reg_every table td {font-size:13px; color:#666; font-weight:normal; }
.regform_info_rz .reg_every table th {text-align:right;}
input {
margin:0px;
padding:0px;
}
.f_sear_shop {
position:relative;
width:200px;
}
.f_sear_shop_input {
border-style: solid;
border-color: rgb(102, 102, 102) rgb(153, 153, 153) rgb(153, 153, 153) rgb(102, 102, 102);
border-width: 1px;
width: 200px;
height: 18px;
padding-top: 3px;
padding-left: 2px;
}
#sd_shop {
border:1px solid #cacaca;
border-top:none;
width:101%;
position:absolute;
left:0px;
top:24px;
}
#sd_shop table {
background:#ffffff none repeat scroll 0 0;
cursor:default;
width:100%;
}
#sd_shop td {
height:18px;
padding-left:5px;
}
#sd_shop .ml {
background-color:#FFFFFF;
color:#000000;
font-size:14px;
}
#sd_shop .mo {
background:url(j2.gif) no-repeat;
color:#FFFFFF;
font-size:14px;
}
#sd_shop .orange_f {
color:#FF7101;
font-size:13px;
text-decoration:underline;
cursor:pointer;
}
</style>
</head>
<body>
<div id="fbox_right">
<div class="fbox_right_all">
<div class="f_t_fabu">
<div class="regform_info_rz" style="border-bottom: 1px solid rgb(255, 231, 211); padding-bottom: 10px;">
<div class="reg_every">
<table class="black_info" align="center">
<tbody>
<tr>
<td align="left">商城名称：</td>
<td align="left">
<div class="f_sear_shop">
<input type="text" class="f_sear_shop_input" value="" name="sname" onmouseover="ddd('sd_shop', 'show');" onmouseout="ddd('sd_shop', 'hide');"/>
<div id="sd_shop" style="display:none;" onmouseover="ddd('sd_shop', 'show');" onmouseout="ddd('sd_shop', 'hide');">
<table id="st" cellspacing="0" cellpadding="2">
<tbody>
<tr class="ml">
<td>深化一家</td>
</tr>
<tr class="ml">
<td>百度一下</td>
</tr>
<tr class="ml">
<td>是的</td>
</tr>
<tr class="ml">
<td>ava</td>
</tr>
<tr class="ml">
<td>ava</td>
</tr>
<tr class="mo">
<td>avast</td>
</tr>
<tr class="ml">
<td>ava</td>
</tr>
<tr class="ml">
<td>ava</td>
</tr>
<tr class="ml">
<td>ava</span></td>
</tr>
<tr class="ml">
<td>ava</td>
</tr>
<tr class="ml">
<td align="right"><span class="orange_f">关闭</span></td>
</tr>
</tbody>
</table>
</div>
</div></td>
<td align="center" colspan="2"><input class="tij_yz1" type="submit" value="下一步" name="input"/></td>
</tr>
<tr>
<td height="24" colspan="3"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
在ff下总是被遮盖住一部分不显示，在ie下没问题；待高人来改，谢致；
[解决办法]
- -
楼主滥用overflow:hidden啊
不遮住才怪了。
都删掉吧。
[解决办法]
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>输入框提示 </title>
<script>
function ddd(obj, sType) {
var oDiv = document.getElementById(obj);
if (sType == 'show') { oDiv.style.display = 'block';}
if (sType == 'hide') { oDiv.style.display = 'none';}
}
</script>
<style>
#fbox_right{ float:right;width:753px;}
#fbox_right .fbox_right_all{ width:100%;}
.f_t_fabu{ width:100%; margin:0px;font-size:13px;}
.regform_info_rz{ margin:0 auto; width:730px;margin-top:5px;}
.regform_info_rz .reg_every {width:100%;clear:both;display:block;line-height:32px; vertical-align:middle;margin:0px; padding:10px; color:#000;}
.regform_info_rz .reg_every table{ margin:0 auto;}
.regform_info_rz .reg_every table th, .regform_info_rz .reg_every table td {font-size:13px; color:#666; font-weight:normal; }
.regform_info_rz .reg_every table th {text-align:right;}
input {
margin:0px;
padding:0px;
}
.f_sear_shop {
position:relative;
width:200px;
}
.f_sear_shop_input {
border-style: solid;
border-color: rgb(102, 102, 102) rgb(153, 153, 153) rgb(153, 153, 153) rgb(102, 102, 102);
border-width: 1px;
width: 200px;
height: 18px;
padding-top: 3px;
padding-left: 2px;
}
#sd_shop {
border:1px solid #cacaca;
border-top:none;
width:198px;
position:absolute;
left:0px;
top:18px;
}
#sd_shop table {
background:#ffffff none repeat scroll 0 0;
cursor:default;
width:100%;
}
#sd_shop td {
height:18px;
padding-left:5px;
}
#sd_shop .ml {
background-color:#FFFFFF;
color:#000000;
font-size:14px;
}
#sd_shop .mo {
background:url(j2.gif) no-repeat;
color:#FFFFFF;
font-size:14px;
}
#sd_shop .orange_f {
color:#FF7101;
font-size:13px;
text-decoration:underline;
cursor:pointer;
}
</style>
</head>
<body>
<div id="fbox_right">
<div class="fbox_right_all">
<div class="f_t_fabu">
<div class="regform_info_rz" style="border-bottom: 1px solid rgb(255, 231, 211); padding-bottom: 10px;">
<div class="reg_every">
<table class="black_info" align="center">
<tbody>
<tr>
<td align="left">商城名称： </td>
<td align="left">
<div class="f_sear_shop">
<input type="text" class="f_sear_shop_input" value="" name="sname" onmouseover="ddd('sd_shop', 'show');" onmouseout="ddd('sd_shop', 'hide');"/>
<div id="sd_shop" style="display:none;" onmouseover="ddd('sd_shop', 'show');" onmouseout="ddd('sd_shop', 'hide');">
<table id="st" cellspacing="0" cellpadding="2">
<tbody>
<tr class="ml">
<td>深化一家 </td>
</tr>
<tr class="ml">
<td>百度一下 </td>
</tr>
<tr class="ml">
<td>是的 </td>
</tr>
<tr class="ml">
<td>ava </td>
</tr>
<tr class="ml">
<td>ava </td>
</tr>
<tr class="mo">
<td>avast </td>
</tr>
<tr class="ml">
<td>ava </td>
</tr>
<tr class="ml">
<td>ava </td>
</tr>
<tr class="ml">
<td>ava </span> </td>
</tr>
<tr class="ml">
<td>ava </td>
</tr>
<tr class="ml">
<td align="right"> <span class="orange_f">关闭 </span> </td>
</tr>
</tbody>
</table>
</div>
</div> </td>
<td align="center" colspan="2"> <input class="tij_yz1" type="submit" value="下一步" name="input"/> </td>
</tr>
<tr>
<td height="24" colspan="3"> </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
我的FF 3.5下面，删掉所有overflow:hidden就没问题了
