asp.net 控件位置不正确

Question

我有一个侧边栏 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 设置为低于控件的 z-index，我就可以点击它们。

Answer 1

假设 ASP.NET 服务器控件的 ID 是“mainSideBar”。然后你的 javascript 代码将是

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