使用AlwaysVisibleControlExtender重叠文本

Question

我使用AlwaysVisibleControlExtender将一个面板固定在某个位置，现在我有了这个固定的面板，它有一个文本，并且在这个面板下有多个文本，现在当我滚动时，面板下的文本与面板中的文本重叠。

如何使面板下的文本不重叠，使其在到达面板内的文本之前停止。

这里的代码：

<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>
    <ajaxToolkit:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server" TargetControlID="Panel1"></ajaxToolkit:AlwaysVisibleControlExtender>
    <asp:Panel ID="Panel1" runat="server" BorderColor="Green" BorderStyle="Solid" style="position:fixed;z-index:1;">
        This text is inside the panel</asp:Panel>
    <p>
        This is the text outside the panel
    </p>
    <p>
        This is the text outside the panel
    </p>
    <p>
        This is the text outside the panel
    </p>
    <p>
        This is the text outside the panel
    </p>
    <p>
        This is the text outside the panel
    </p>

Answer 1

将所有<p> tag Text Inside The Panel