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 中可能有一些额外的规则在做奇怪的事情(代码的可维护性设置不正确)。但我会说这不太可能。
出于某种原因,我的网站 (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 中可能有一些额外的规则在做奇怪的事情(代码的可维护性设置不正确)。但我会说这不太可能。