Internet Explorer 无法显示元素

Internet Explorer failing to show elements

出于某种原因,我的网站 (find-minecraft-servers.com) 有时在 Internet Explorer 中显示异常。绿色横幅中列出的服务器下方的数字有时无法完全显示,如下图所示,但是当我检查源代码时,数字就在那里,所以这不是服务器端的错误。

此错误只是偶尔出现在 IE10 上。该站点正在使用 Bootstrap 框架。以下是列出的服务器和其他统计元素的代码:

<div class="banner">
        <div class="container" style="background: transparent;">
            <div class="row">
                <div class="col-sm-4 text-center whiteborder">
                    <h1>
                        <?php
                            // connect to mysql
                            require('includes/mysql.php');
                            $totalplayers = mysql_fetch_assoc(mysql_query("SELECT SUM(players) FROM servers WHERE suspended=0"));
                            echo number_format($totalplayers['SUM(players)']);
                        ?>
                    </h1>
                    <h3>PLAYERS ONLINE</h3>
                </div>
                <div class="col-sm-4 text-center whiteborder">
                    <h1>
                        <?php $totalservers = "SELECT * FROM servers WHERE verified=1 AND enabled=1 AND suspended=0"; echo number_format(mysql_num_rows(mysql_query($totalservers)));?>
                    </h1>
                    <h3>SERVERS LISTED</h3>
                </div>
                <div class="col-sm-4 text-center whiteborder">
                    <h1>
                        <?php echo number_format(mysql_num_rows(mysql_query("SELECT * FROM votes")));?>
                    </h1>
                    <h3>TOTAL VOTES</h3>
                </div>
            </div>
            <br />
        </div>
    </div>

好吧,div 伴随着 <h1> 也伴随着 <h3>,你说 h3 始终显示;我会冒险猜测并说问题完全出在与 h1 专门关联的 CSS 上。

唯一与 h1 直接关联的 CSS 是

h1{margin:.67em 0;font-size:2em}

现在这没有任何明显的错误(并且它验证正常)但是 0 是否有可能触发 IE 的一些奇怪的怪癖?

通过 IE6 模拟器粘贴页面会导致:

明显损坏 - 但服务器编号仍然显示。

自 IE 5.5 起支持 FWIW 字体大小。

所以总而言之:可能只有你。如果不是,那可能是因为有关 css(可能是“0”)的某些细节使 IE 对孤立的规则集感到恐慌,并执行与 display:none 等效的操作。您的 CSS 中可能有一些额外的规则在做奇怪的事情(代码的可维护性设置不正确)。但我会说这不太可能。