z-index在ff下的使用，火狐下总是被遮盖住一部分解决方案
日期：2014-05-17 浏览次数：20798 次
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">
附代码：
<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">
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
