Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在TD内DIV,使其正确显示_Jquery_Css_Html - Fatal编程技术网

Jquery 在TD内DIV,使其正确显示

Jquery 在TD内DIV,使其正确显示,jquery,css,html,Jquery,Css,Html,我有一个由代码隐藏生成的,现在面临一个问题。在一个TD中,我需要使用JQuery设置一个DIV,这样当我单击一个链接时,DIV滑动切换。现在我需要属于该TR的TD不要扩展TR 为了解决这个问题,我使用了一个老技巧,即将JQuery DIV放置在另一个高度为1px的周围DIV中,并使TR不会随着滑出的DIV的高度而扩展 在IE中,滑动DIV部分位于表格下方,在Firefox中,DIV显示在表格上方,但它是透明的,表格中数据的文本显示为thru 我尝试过以各种方式改变Z指数,但效果不好 任何有想法或

我有一个由代码隐藏生成的
,现在面临一个问题。在一个TD中,我需要使用JQuery设置一个DIV,这样当我单击一个链接时,DIV滑动切换。现在我需要属于该TR的TD不要扩展TR

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

在IE中,滑动DIV部分位于表格下方,在Firefox中,DIV显示在表格上方,但它是透明的,表格中数据的文本显示为thru

我尝试过以各种方式改变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);
注意:回答以结束此问题

innerDiv
元素添加
position:absolute
样式,如下所示:

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

您好,我通过在innerDiv上设置position:absolute解决了这个问题。请添加一个包含修复内容的答案并接受它:)它将结束问题,并帮助以后发现此问题的任何人。