面板控件不包含拖动图像

Question

我的Dev环境中的平移功能有点麻烦。我实现平移功能的方式是添加JQuery来拖动面板控件后面的图像。放大图像后可以使用平移功能。所以我使用zoomin / zoomout功能放大图像，然后平移或拖动面板控件后面的图像。这在我的本地环境中工作得很好，甚至在我将网站部署到本地IIS时也是如此。但是，当我部署到开发服务器时，图像不会留在面板控件后面或不包含在其中。有什么可能导致这个问题的建议吗？以下是我尝试过的方法的一些信息。

我对两种环境进行了比较。

在我的本地环境中配置：

.NET Compact Framework 2.0 SP2（版本2.0.7045） .NET Compact Framework 3.5（版本3.5.7283） .NET Framework 4客户端配置文件（版本4.0.30319） .NET Framework 4 Extended .NET Framework 4多目标包 AJAXControlToolkit：版本3.5.50508.0

开发服务器上的配置：

.NET 2.0：.NET 2.0 SP2（版本2.2.30729） .NET 3.0：.NET 3.0 SP2（版本3.2.30729） .NET 3.5：.NET 3.5 SP1（版本3.5.30729.1） AJAXControlToolkit：版本1.0.20229.0

版本中的轻微不匹配会导致问题吗？我想在某种程度上将我的本地机器上的.NET版本与开发服务器的版本相匹配。这会引起问题吗？我也在使用Visual Studio 2008 Team System SP1进行开发。

我尝试将AJAXControlToolkit.dll文件添加到Dev服务器，但我得到了相同的结果。

我尝试将面板控件设置为style =“overflow：hidden”，但这似乎也不起作用。

以下是我认为导致问题的代码：

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       

                <div id="draggable" style="position:relative;" onmousedown="makeDraggable(); return false;">
                    <img id="myimage" src="[path to image]" usemap="#circles" onmouseover="changeToHand()" />
                </div>

            </asp:Panel>

非常感谢任何帮助！

Answer 1

该问题与IE隔离。 Mozilla和Chrome都很好。所以我去了IE上的配置并实现了兼容性视图设置。如果您在Intranet上，请确保兼容性视图设置也是关闭的。