Ajax1.0的Bug,AjaxControlToolkit.ResizableControl控件缩放图标的定位问题?
ResizableControl控件当有滚动条时,小图标不能显示在右下角,如果设置了div层的属性position: absolute;
则缩放图标会被滚动条遮住,必须把滚动条滚动右下角才能看见。
<div id="inputDiv" runat="server" visible=false class="frameDiv">
...
</div>
<ajaxToolkit:ResizableControlExtender ID="ResizableControlExtender1" BehaviorID="ResizableControlBehavior1" runat="server"
TargetControlID="Test"
ResizableCssClass="resizingImage"
HandleCssClass="handleImage"
MinimumWidth="272"
MinimumHeight="200"
MaximumWidth="800"
MaximumHeight="600"
HandleOffsetX="3"
HandleOffsetY="3"
OnClientResize="OnClientResizeImage" />
.frameDiv
{
font: caption;
position: absolute;
background-color: white;
top: 24px;
left: 332px;
width:272px;
z-index:1;
border-right:black 1px solid;
border-top: black 1px solid;
border-left: black 1px solid;
border-bottom: black 1px solid;
overflow:scroll;
padding:3px;
}
.handleImage
{
width:15px;
height:16px;
background-image:url(../images/HandleHand.png);
overflow:hidden;
cursor:se-resize;
}
.resizingImage
{
padding:0px;
border-style:solid;
border-width:3px;
border-color:#B4D35D;
}