jquery - TD 内的 DIV 以使其正确显示

Question

我有一个 <table>从代码隐藏生成，现在面临问题。在其中一个 TD 中，我需要有一个使用 JQuery 设置的 DIV，这样当我单击一个链接时，DIV slideToggles。现在我需要属于那个 TR 的 TD 不扩展 TR。

为了解决这个问题，我使用了一个古老的技巧，即将 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);

Answer 1

注意:回答结束

给innerDiv元素添加一个position: absolute样式，像这样:

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