2012-01-16 72 views
0

我的自定義Web控件的樣式有問題。 我想創建一個奇特的按鈕控件用於我未來的項目。不能使用css僞:ASP.NET之前的自定義Web控件

我開始創建一些HTML文件,我有以下的HTML。 <a class="button">Home</a>

而CSS:

.button:before{ 
... 
} 

此文件的偉大工程中,CSS是正確的,並感謝使用的:在我的CSS文件僞之前,我有我的左右按鈕不錯的額外框。

現在,我確信風格工作我想創建一個ASP.Net網絡控制 所以我創建了一個,這裏是一些代碼示例。

protected override void RenderContents(HtmlTextWriter output) 
    { 
     output.AddAttribute(HtmlTextWriterAttribute.Id, this.ID); 
     output.AddAttribute(HtmlTextWriterAttribute.Class, String.IsNullOrEmpty(this.CssClass) ? "button" : this.CssClass);   

     if (this.Style.Count>0) 
      output.AddAttribute(HtmlTextWriterAttribute.Style, this.Style.ToString()); 
     if(this.Width != default(Unit)) 
      output.AddAttribute(HtmlTextWriterAttribute.Width, this.Width.ToString()); 
     if (this.Height != default(Unit)) 
     output.AddAttribute(HtmlTextWriterAttribute.Height, this.Height.ToString()); 

     output.RenderBeginTag("a"); 
     if (!String.IsNullOrEmpty(ImageSrc)) 
     { 
      output.AddAttribute(HtmlTextWriterAttribute.Style, String.Format("background: url('{0}') no-repeat {1}px {2}px;",ImageSrc,ImageXPos, ImageYPos)); 
      output.RenderBeginTag("div"); 
      output.RenderEndTag(); 
     } 
     output.Write(Text); 
     output.RenderEndTag(); 
    } 

生成的html與我的測試文件相同。但出於某種原因:在未應用css之前。任何人都可以幫我解決這個問題嗎?

我testfile的是純HTML,但是當我把純HTML代碼到我的asp.net網站,也不會應用:樣式之前

這是一個小例子撥弄,你不能看到錯誤,因爲它不是ASP.net example

解決: 好像問題是與z-index的。 atm它是-2這意味着它顯示在頁面的所有其他內容之後。 我的不好

+0

您是否有一個活動鏈接,我們可以看到最終的輸出和測試輸出?可能爲兩者創建一個[JSFiddle](http://jsfiddle.net) - 它甚至可以幫助你自己回答問題。 – 2012-01-16 14:56:26

+0

我添加了一個小提琴,但不認爲你可以用它做任何事情:p – Beejee 2012-01-16 15:14:13

回答

0

似乎問題是與Z指數。 atm它是-2顯示在頁面的所有其他內容之後。 我的不好