IE 9 隐藏溢出时 Telerik Radwindow 崩溃答案

【问题标题】：Telerik Radwindow collapses when overflow is hidden for IE 9IE 9 隐藏溢出时 Telerik Radwindow 崩溃
【发布时间】：2011-12-22 04:34:59
【问题描述】：

我有一个简单的页面，点击按钮会弹出一个 Telerik radwindow。
但在 IE 9 中以折叠方式打开。适用于 FF、Chrome、IE 8、IE 兼容模式。
请看下面的屏幕截图，了解它们是如何打开的。

IE 9

火狐

这是页面代码。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="scriptManager" runat="server" />
    <telerik:RadButton ID="btnOpen" runat="server" Text="Open" OnClick="btnOpen_Click" />
    <br />
    <telerik:RadWindow ID="TestDialog" runat="server" Title="Select Order Services"
        VisibleStatusbar="false" AutoSize="true" AutoSizeBehaviors="Height" Width="400px"
        Modal="true" VisibleOnPageLoad="false" Behaviors="Close, Move" EnableShadow="true">
        <ContentTemplate>
            <div style="overflow: hidden;">
                <table cellspacing="0" border="0"
                    style="table-layout: auto; ">
                    <tbody>
                        <tr>
                            <th style="width: 100px;">Column 1</th>
                            <th style="width: 100px;">Column 2</th>
                        </tr>
                        <tr>
                            <td>
                                a
                            </td>
                            <td>
                                a
                            </td>
                        </tr>
                        <tr>
                            <td>
                                b
                            </td>
                            <td>
                                b
                            </td>
                        </tr>
                        <tr>
                            <td>
                                c
                            </td>
                            <td>
                                c
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </ContentTemplate>
    </telerik:RadWindow>
    </form>
</body>
</html>

后面的代码：

protected void btnOpen_Click(object sender, EventArgs e)
        {
            TestDialog.VisibleOnPageLoad = true;
        }

我希望 overflow:hidden 出现在样式中，并且仍然希望在 IE 9 中完全打开弹出窗口。我如何获得它？

【问题讨论】：

标签： html telerik overflow radwindow

【解决方案1】：

找到了方法。

<ContentTemplate>
            <div style="display: inline; overflow: hidden;">
...

这是一个解决方案，但我真的不明白它是如何工作的！那是我写的一行幸运的代码！
如果有人可以解释为什么它有效，我会将他们的标记为答案。

【讨论】：