1

Webフォームを使用してasp.netWebサイトで作業していますが、不明な理由で奇妙な問題に直面しています。

私はページのさまざまな領域にあるさまざまなバナーであり、MasterPageのヘッダーセクションにある1つの一般的なバナーです。バナーは正常に表示されますが、問題はバナーとのリンクが機能していないことです。

以下は、ページ表示後に生成される部分的なコードです。

<div class="horizontalBannerBar">
<!-- Header Banner  -->
    <div class="pnlHeaderBanner" id="pnlHeaderBanner">

        <a target="_blank" href="http://abc.com" class="bannerlink" id="hypLnkHeaderBanner"><img style="border-width:0px;" src="../images/Banners/32dfe9ee-0832-4d89-8c61-45b0ef371f1f.jpg" id="imgHeaderBanner"></a>

</div>
<!-- Header Banner  -->
</div>

バナーが存在しない場合にバナーを非表示にできるように、Panelをラッパーとして使用しています。

私たちの下では、ハイパーリンク制御と画像制御に値を割り当てるために使用するコード

DataSet ds = DataProvider.GetTopBanner(ArticleID, PageID, IssueID, CategoryID, BannerLayoutPosition, LangID);
if (ds.Tables[0].Rows.Count > 0)
{
    imgHeaderBanner.ImageUrl = ds.Tables[0].Rows[0]["ImagePath"].ToString();
    hypLnkHeaderBanner.NavigateUrl = ds.Tables[0].Rows[0]["BannerURL"].ToString();
}
else
{
    imgHeaderBanner.Visible = false;
    pnlHeaderBanner.Visible = false;
}

実際の.ASPXページコード

<div class="horizontalBannerBar">
<!-- Header Banner  -->
    <asp:Panel ID="pnlHeaderBanner" CssClass="pnlHeaderBanner" runat="server">
        <asp:HyperLink ID="hypLnkHeaderBanner" CssClass="bannerlink"  runat="server" Target="_blank">
            <asp:Image ID="imgHeaderBanner" runat="server" BorderWidth="0" />
        </asp:HyperLink>
    </asp:Panel>
<!-- Header Banner  -->
</div>

HTMLはどこかで壊れているようですが、リンクがIE 9で機能しているのに対し、FFとChromeでは機能しません。

LINKの例

4

2 に答える 2

1

z-index: -999;それはあなたのCSSのせいです。0に設定すると、リンクが機能します。

于 2013-02-21T08:59:18.733 に答える
0

また、<img />上部に投稿したHTMLサンプルでタグが適切に閉じられていません。ただし、これがASP.NETによって生成された実際のHTMLではないかと思います。

<div class="horizontalBannerBar">
<!-- Header Banner  -->
    <div class="pnlHeaderBanner" id="pnlHeaderBanner">
        <a target="_blank" href="http://abc.com" class="bannerlink" id="hypLnkHeaderBanner">
            <img style="border-width:0px;" src="../images/Banners/32dfe9ee-0832-4d89-8c61-45b0ef371f1f.jpg" id="imgHeaderBanner" />
        </a>
    </div>
<!-- Header Banner  -->
</div>
于 2013-02-21T09:02:19.497 に答える