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

css之悬浮问题,高手请进!!!!
先上代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Fixed固定位置的悬浮</title>
<link href="style1.css" rel="stylesheet"
type="text/css" />
<link href="style.css" rel="stylesheet"
type="text/css" />

</head>
<body>
<table  width="99%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#eff1f4">
  <!--<tr>
              <th width="4%"> 序号 </th>
              <th width="6%"> 区所 </th>
              <th width="8%"> 标段名称 </th>
              <th width="18%"> 合同名称 </th>
              <th width="10%"> 合同编号 </th>
              <th width="14%"> 保洁单位 </th>
              <th width="8%"> 联系人 </th>
              <th width="12%"> 创建时间 </th>
              <th width="4%"> 状态 </th>
              <th width="16%"> 操作 </th>
            </tr>-->
  <tr style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" onmouseover="this.style.backgroundColor='#CCCC99';this.style.cursor='hand';return true;" onmouseout="this.style.backgroundColor='';"  >
    <td  width="4%" height="30" align="center"> 100 </td>
    <td width="6%" align="center"> 测试 </td>
    <td  width="8%" align="center"> 测试 </td >
    <td  width="18%" align="center"> 测试 </td>
    <td  width="10%" align="center"> 测试 </td>
    <td   width="14%" align="center"> 测试 </td>
    <td  width="8%" align="center"> 测试 </td>
    <td width="12%" align="center"> 测试 </td>
    <td width="4%" align="center"> <font color="red">已备案</font> </td>
    <td width="16%" align="center"> <img alt="" src="images/modify.png" width="24px" height="24px" title="修改中标信息"  onmouseover="this.style.cursor='hand';" />&nbsp;&nbsp; <img alt="" sr