**我想要的：**我有一个网格视图，如果用户悬停在col#4上，那么我想显示div（自定义工具提示）。如果用户悬停在col#4之外，那么隐藏div
**问题：**如何设置ToolTipPanel的样式，使其显示在第4列的顶部？使其看起来更像是一个工具提示，而不是文件顶部的一些随机div。注意，网格视图和列的大小可能会根据屏幕大小或数据大小而变化
Html-我有一个用作自定义工具提示的面板和一个网格视图

<asp:Panel ID="ToolTipPanel" class="ToolTipPanelC">
            <div style="border:1px solid black; background:color:yellow;">
                <p>Random text for tooltip</p>
            </div>
        </asp:Panel>

 <asp:GridView  ...>
   ...
    <asp:TemplateField HeaderText="col4" SortExpression="col4">
       <ItemTemplate>
         <asp:Label ID="col4S" runat="server" Text='<%# Eval("col4") %>'></asp:Label>
       </ItemTemplate>
      </asp:TemplateField>
   ...
</asp:GridView>

后端代码-此处调用js函数

Protected Sub OnRowDataBound(sender As Object, e As GridViewRowEventArgs)
    If e.Row.RowType = DataControlRowType.Header Then
        e.Row.Cells(4).Attributes("onmouseover") = "javascript:showToolTip();"
        e.Row.Cells(4).Attributes("onmouseout") = "javascript:hideToolTip();"
    End If

End Sub

Javascript隐藏或显示div

<script type="text/javascript">
    function showToolTip() {
        var x = document.getElementById("ToolTipPanel");
        x.style.display = "block";
    }
    function hideToolTip() {
        var x = document.getElementById("ToolTipPanel");
        x.style.display = "none";
    }

</script>