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';" /> <img alt="" sr