Question

奇怪但是当我向我的页面添加一个表单时，firefox似乎首先加载整个页面，然后仅在页面完全加载后才应用该样式。

此行为仅适用于FireFox，而不适用于IE。

只有在我加入表格时才会发生。

任何想法如何解决？

这是简化文件。

<!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>
    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <title>My sites title</title>
</head>
<body leftmargin="0" rightmargin="0" topmargin="0">
  <h1>Contact Us</h1></td>

                             <form method="POST" action="mailer.php">
                            <input type="text" name="name" size="19"><br>
   <br>
   <input type="text" name="email" size="19"><br>
   <br>
   <textarea rows="9" name="message" cols="30"></textarea>
   <br>
   <br>
   <input type="submit" value="Submit" name="submit">
                        </form> 

    <br />&nbsp;
</body>
</html>

Answer 1

尝试启用CSS文件的缓存。对我来说，这个问题看起来可能与Internet Explorer积极地缓存不应该发生的事情有关，Firefox只缓存它所拥有的东西;可能没有在页面HTML之前加载CSS文件（不管页面有多小），因此会导致您可以看到的视觉重绘。

如果您需要具体内容，请尝试查看Yahoo Developer在http://developer.yahoo.com/performance/rules.html#expires上缓存的优秀提示。

另外，请尝试删除</td>结束标记后显示的随机<h1>。如果对HTML方面有任何疑问，请验证，验证，验证！ ]

Answer 2

我将在这里为下一个人回答这个问题：事实证明问题不是firefox，而是非常慢的asp.net开发服务器，以蜗牛的速度提供页面。出于某种原因，IE似乎不受此影响，我想是缓存。

只是奇怪的是，只有在添加表单之后，这种行为才会变得明显。

奇怪的Firefox HTML表单加载问题

2 个答案: