asp.net控制不正确的位置

时间:2012-10-23 19:33:32

标签: javascript asp.net css css-position

我有一个侧边栏div,我给了一个固定的位置,以便在页面滚动时它始终可见。只是为了让事情变得有趣,侧边栏的位置由一些javascript代码设置,以处理较低的屏幕分辨率和问题,最终处于错误的位置。

这一切都运行得很好但是看起来div上的控件在重新定位时不会移动,所以你不能点击它们。它们出现在正确的位置,它们实际上并没有做任何事情。

我确信我已经在这里阅读了解决方案,但无法追踪它。

以下是侧边栏的CSS:

.mainsidebar
{
   display:inline-block;
   width:35.5%;
   float:left;   
   padding: 0px 0px;
   margin: 12px 8px 8px 8px;
   min-height: 480px;
   position: fixed;
   font-size: 9pt;
   left: 0px;
   overflow:auto;
   background-color: #4b6c9e;
   border-radius: 8px 8px 8px 8px;
}

和设置它位置的javascript:

var elementStyle1 = document.getElementById("mainSideBar");
elementStyle1.style.top = "23.2%";

我尝试使用asp控件做同样的事情,但无法获得任何结果。

好的抱歉 - 您可以忽略这一点。我认为这是我上面提到的问题,因为我确信我已经阅读了描述类似情况的解决方案。

实际上是控件的z-index是问题 - 一旦我将div设置为比控件更低的z-index,那么我就可以点击它们。

1 个答案:

答案 0 :(得分:0)

让我们假设ASP.NET服务器控件的ID是“mainSideBar”。那么你的javascript代码将是

var elementStyle1 = document.getElementById("<%=mainSideBar.ClientID%>");