-2

画面の上部に、会社とアプリケーションを表す画像を含む ASP.NET ハイパーリンクがあります。CSS レイヤーを使用して、productEdition を表す右下隅のハイパーリンク/画像の上にテキストまたはテキストを表示するコントロールを配置したいと考えています。

エラーが発生するため、ASP.NET ハイパーリンク マークアップを投稿できませんが、ImageUrl があります。ああ、それはパネルにあります。下記参照：

<asp:panel ID="toppanel" CssClass='wrapper' runat="server">
<!--Top Menu-->           
<asp:panel id="menupanel" runat="server" CssClass="menusubwrapper">
    <asp:HyperLink ID="HeaderLink" runat="server" ImageUrl="~/images/Header.gif" NavigateURl="~/Default.aspx" ToolTip="Home Page">   
    </asp:HyperLink>
</asp:panel>

いくつかの回答のテクニックを使用して、私はこれを機能させました.テキストは写真の上にありますが、ずっと左にあります. 私はそれがずっと右にある必要があります。

   <asp:panel ID="toppanel" CssClass='wrapper' runat="server">
        <!--Top Menu-->           
        <asp:panel id="menupanel" runat="server" CssClass="menusubwrapper">

         <div id="Header" style="position: relative; z-index: 1">
          <%--div style="position:absolute;z-index:1">--%>
              <asp:HyperLink ID="HeaderLink" runat="server" ImageUrl="~/images/Header.gif" 
              NavigateURl="~/Default.aspx" ToolTip="Home Page">   
              </asp:HyperLink>

               <div style="position:absolute;top:60px; right:400px; width:600px; height:100px; z-index:2;font-size:200%">
                   <b>Testing...</b>
               </div>
         <%--</div>--%>
 </div>`
4

4 に答える 4

0

解決策は次のとおりです。

<div id="Header" style="position: relative; z-index: 1">

                <asp:HyperLink ID="HeaderLink" runat="server" ImageUrl="~/images/Header.gif" 
                               NavigateURl="~/Default.aspx" ToolTip="Home Page"/>   

                <div style="position:absolute;top:60px; left:800px; width:600px; height:100px; z-index:2;font-size:200%">
                    <%--<b>Testing...</b>--%>
                    <asp:Label runat="server" ></asp:Label>
                </div>

            </div>
于 2013-06-28T17:39:22.443 に答える
0

div を作成して、画像とその中のエディションを重ねることができます。重複する要素については、 http ://www.w3schools.com/css/css_positioning.asp で読むことができます。

これが役に立てば幸いです。幸運を祈ります!

于 2013-06-27T20:26:11.580 に答える