Question

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

为了解决这个问题，我使用了一个老技巧，即将JQuery DIV放置在高度为1px的另一个周围DIV中，并使TR不会随着滑出的DIV的高度而扩展。

在IE浏览器中，滑动DIV部分位于表格下方，在Firefox中，DIV显示在表格上，但它是透明的，表格中数据的文本显示为直通。

我试图以各种方式改变Z指数，但这并不好。

任何有想法或者解决方案的人都有效。

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

注意：回答关闭

向position: absolute元素添加innerDiv样式，如下所示：

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

在TD内部进行DIV以使其正确显示

1 个答案: