jquery移动应用程序的IE7问题

Question

我正在用JQuery Mobile 制作一个webapplication。 在实际浏览器中，一切正常，但在IE7 中却不行。我知道，这是一个mobile application，但有人想用普通电脑使用，我不会更改整个layout。

无论如何，我有一个header，并且这个标题位于两个空格之间。我们在真正的“出色”浏览器中看不到这些空格，但在 IE7 中，他看不到：-/ 我不想要空格！

我看到窗口的高度越高，“空间”就越大：

这是IE7生成的HTML：

<thead>
                <tr>
                    <th>
                        <div data-role="header" data-theme="c" class="applicationheader">
                                <img src="http://application.local/applicationlogo.png" alt="application" style="width: 32px; height: 32px;" />
                            <h1>Title</h1>
                        </div>
                    </th>
                </tr>
            </thead>

编辑：

当我做“背景颜色：红色”时，要隐藏的区域是红色，但是当我做“最大高度：1px”时，什么都没有！

Answer 1

祝你好运。 jQuery Mobile 根本不适用于 IE7。实际上，即使是新的 jQuery 分支 2.x 也放弃了对该浏览器的支持。

您可以尝试在 IE7 中找到导致此错误行为的 CSS 规则，并使用针对 IE7 的 * CSS hack 覆盖它。更多信息在这里：http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/