Question

我有一个页面，其中包含从正文中的数据库中删除的一些内容，在头部我已经有一个外部样式表链接到格式化该内容。在Safari上（似乎不会发生在Chrome或Firefox上）我会得到一个非常漂亮的内容。

我宁愿对此进行非javascript修复，有没有办法定位外部css表单链接，以便在php脚本在正文中运行之前应用它？ - 我会假设自己处于最顶端，它会自动执行此操作，但显然不是在safari中，任何想法？

<?php
require_once "../config/article_functions.php";
include "../widgets/topborder.html";
include "../widgets/banner.php";
include "../widgets/navbar.html";
?>

<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" type="text/css" href="http://example.org/widgets/article.css">

<style type="text/css">
a:link {color: inherit;}      /* unvisited link */
a:visited {color: inherit;}  /* visited link */
a:hover {color: inherit;}  /* mouse over link */
a:active {color: inherit;}  /* selected link */

body, html {
    margin: 0;
    padding: 0;
    height:900px;
}

#container {
    width:990px;
    height:1000px;
    margin-left:auto;
    margin-right:auto;
}

#news_container {
    width:740px;
}

</style>
<title> TODO </title>

</head>
<body>
<div id="container">
    <?php include "../widgets/sidepanel.html"; ?>
    <div id = "news_container">
        <?php
            $uri = explode('/', $_GET['$url']);
            get_selected_news($uri[0]);
        ?>
    </div>
</div>
</body>
</html>

大约一秒钟我看到了：

enter image description here

之后： enter image description here

Answer 1

<?php
include "../widgets/topborder.html";
include "../widgets/navbar.html";
?>

<!DOCTYPE html>
<html>
<head>
…

坏男孩！难怪Safari在doctype声明之前获取HTML时会感到困惑。也许它甚至在看到你的样式表之前得到一个结束</html>标签？

无格式内容的闪光

1 个答案: