日期:2014-05-17  浏览次数:20715 次

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">