TD內的DIV使其正確顯示

我有一個<table>從代碼隱藏生成，現在面臨一個問題。在其中一個TD中，我需要有一個使用JQuery設置的DIV，這樣當我單擊一個鏈接時，DIV slideToggles。現在我需要屬於該TR的TD不擴大TR。TD內的DIV使其正確顯示

爲了解決這個問題，我使用了一個古老的技巧，即將JQuery DIV放置在高度爲1px的另一個周圍DIV中，並使TR不會隨着滑出的DIV的高度而擴展。

在IE中，滑動DIV部分位於表格下方，在Firefox中DIV出現在表格上，但它是透明的，表格中數據的文本顯示爲直通。

我試圖以各種方式改變Z-index，但它不好。

任何人有一個想法或替代解決方案已爲他們工作。

HtmlGenericControl containerDiv = new HtmlGenericControl("div"); 
containerDiv.ID = "containerDiv"; 
containerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.Width, "100%"); 
containerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.Height, "1px"); 
containerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.ZIndex, "999"); 
HtmlGenericControl innerDiv = new HtmlGenericControl("div"); 
innerDiv.ID = System.Guid.NewGuid().ToString() + "_annualDiv"; 
inner.Style.Add(System.Web.UI.HtmlTextWriterStyle.Width, "100%"); 
innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.Height, "300px"); 
innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.ZIndex, "1000"); 
innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.BorderStyle, "solid"); 
innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.BorderColor, "Black"); 
innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.BorderWidth, "1px"); 
innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.BackgroundColor, "white"); 
innerDiv.InnerHtml = "Here is a list of links coming later"; 
conDiv.Controls.Add(innerDiv);

來源

2010-01-28 Daniel Svensson

嗨，我解決它通過設定的位置是：絕對的innerDiv。 – 2010-01-28 09:50:02

請添加一個答案，其中包含修復內容，並接受它:)它會解決問題並幫助任何後來發現此問題的人。 – 2010-03-22 20:17:17

注：接聽，收了這一點

一個position: absolute風格添加到innerDiv元素，像這樣：

innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.Position, "absolute");

來源

2010-04-17 15:42:58

TD內的DIV使其正確顯示

回答

相關問題