0 
<TABLE align='center' BORDER=1 CELLPADDING=4 CELLSPACING=0 CLASS=cTable>
   <TR>
      <th CLASS=TH1 align='center' valign='top' colspan='15'>Input Summary</th>
      <th CLASS=TH1 align='center' valign='top'>
         <style type="text/css">
            .myLayersClass { position: relative; display:none; }
         </style>
         <span id='spanHideSummary' class='myLayersClass' style='display:none'>
            <a href='javascript:ToggleDisplay("spanSummary", "");javascript:ToggleDisplay("spanPPDates", "TsLinks");'>Hide</a>
         </span>
      </th>
4

1 回答 1

0

它不应该显示。根据display:nonein.myLayersClass和style='display:none'on span元素。为了修复它，您应该执行以下操作：

<th CLASS=TH1 align='center' valign='top'>
         <style type="text/css">
            .myLayersClass { position: relative;  }
         </style>
         <span id='spanHideSummary' class='myLayersClass'>
            <a href='javascript:ToggleDisplay("spanSummary", "");javascript:ToggleDisplay("spanPPDates", "TsLinks");'>Hide</a>
         </span>
      </th>

此外，javascript:...在 href 中是个坏主意。有onclick活动。最好做这样的事情（好吧，即使这不是最好的解决方案）：

<a href='#' onclick="ToggleDisplay('spanSummary', ''; ToggleDisplay('spanPPDates', 'TsLinks'); return false;'>Hide</a>

此外，样式最好位于标题标签内。假设主要原因将在这里，它将强制浏览器重绘所有内容，只是它会在其中找到您的 css，并且支持在某个预定义位置（如内联样式或 css 文件中）<th>具有所有 css 的网站要容易得多。<head>

于 2012-11-09T20:01:40.190 回答