2013-02-21 55 views
1

我正在使用webforms在asp.net網站上工作&由於某些未知原因,我正面臨奇怪的問題。由於某種原因鏈接不能在asp.net母版頁上工作

我是不同的橫幅在頁面&的不同領域在MasterPage,橫幅標題部分顯示一個共同的橫幅,因爲它應該但問題是,與橫幅鏈接不工作。

下面是頁面顯示後生成的部分代碼。

<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> 

我使用面板作爲包裝,以便我可以隱藏橫幅案例橫幅不存在。

下面我們我使用值分配給超鏈接控件&圖像控件的代碼

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某處分手,但我不能夠即使在小提琴上它也看不到它工作在FF & Chrome,而鏈接在IE 9中工作..

Example LINK

回答

1

這是因爲您的CSS中的z-index: -999;。如果你將它設置爲0,那麼你的鏈接將起作用。

+0

我只是改變了css來下面和現在的工作'.horizo​​ntalBannerBar { 背景顏色:#A78944; margin:0; 最小高度:0; 填充:0; 位置:相對; text-align:center; 寬度:100%; } .pnlHeaderBanner { padding:10px 0px 10px 0px; height:90px; } .horizo​​ntalHeaderBar { background-color:#AB1B56; height:160px; margin:0; 填充:0; position:absolute; 寬度:100%; z-index:-999; }' – Learning 2013-02-21 10:40:01

+0

z-index是真正的問題 – Learning 2013-02-21 10:42:01

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> 
+0

這是如何asp.net呈現HTML我沒有改變任何東西.. – Learning 2013-02-21 11:05:35

相關問題