如果我包含PHP的HTML，CSS不起作用
就是这种情况。
我有三个文件：
- 的index.html
- completeupdate.html
- chronus.php
（1）和（2）几乎相同，（2）被修改为删除按钮并修改一些正文。 我发现的是（3）中的（2）。
所以在（1）和（2）上如果直接从浏览器调用它们，CSS工作正常，但是（2）从内部调用（3），CSS就不起作用。
这是PHP脚本的方式：
<?php
//GETTING SEVER DATE
date_default_timezone_set('America/Sao_Paulo');
$currentDate = date('Y-m-d H:i:s');
//UPDATES THE LOG
function logUpdate()
{
//bunch of unharmfull and uninteresting code
}
logUpdate();
include("../jude/updatecomplete.html");
?>
UPDATE-1
这是（1）：
这是（2）：
UPDATE-1-END
UPDATE-2
代码（1）：
<!DOCTYPE HTML>
<html>
<head>
<title>Judith Lars</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,800" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Oleo+Script:400" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/config.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
</head>
<body class="homepage">
<!-- Header Wrapper -->
<div id="header-wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Header -->
<header id="header">
<!-- Logo -->
<div id="logo">
<h1><a href="#" id="logo">Judith Lars</a></h1>
<span>Lorem ipsum dolor sit amet.</span>
</div>
</header>
</div>
</div>
</div>
</div>
<!-- Banner Wrapper -->
<div id="banner-wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Banner -->
<div id="banner" class="box">
<div>
<div class="row">
<div class="7u">
<h2>Nam rutrum est gravida, adipiscing ipsum vel, viverra nisl.</h2>
<p>Donec viverra nisi in urna vestibulum, sed pharetra risus.</p>
</div>
<div class="5u">
<ul>
<li><a href="../php/chronus.php" class="button big fa fa-arrow-circle-right">Update it now.</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Wrapper -->
<div id="footer-wrapper">
<footer id="footer" class="container">
<div class="row">
<div class="3u">
<!-- Contact -->
<section class="widget-contact last">
<h2>Contact Us</h2>
<ul>
<li><a href="#" class="fa fa-twitter solo"><span>Twitter</span></a></li>
<li><a href="#" class="fa fa-facebook solo"><span>Facebook</span></a></li>
</ul>
<p>Av. João, 1234<br />
São Paulo, São Paulo<br />
(11) 1234-1234</p>
</section>
</div>
</div>
<div class="row">
<div class="12u">
<div id="copyright">
© App4U Sistemas de Informação Ltda. All rights reserved.
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
代码（2）：
<!DOCTYPE HTML>
<html>
<head>
<title>Judith Lars</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,800" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Oleo+Script:400" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/config.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<noscript>
<link rel="stylesheet" href="http://www.app4u.com.br/labs/royalib/verti/css/skel-noscript.css" />
<link rel="stylesheet" href="http://www.app4u.com.br/labs/royalib/verti/css/style.css" />
<link rel="stylesheet" href="http://www.app4u.com.br/labs/royalib/verti/css/style-desktop.css" />
</noscript>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
</head>
<body class="homepage">
<!-- Header Wrapper -->
<div id="header-wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Header -->
<header id="header">
<!-- Logo -->
<div id="logo">
<h1><a href="#" id="logo">Judith Lars</a></h1>
<span>Lorem ipsum dolor sit amet.</span>
</div>
</header>
</div>
</div>
</div>
</div>
<!-- Banner Wrapper -->
<div id="banner-wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Banner -->
<div id="banner" class="box">
<div>
<div class="row">
<div class="7u">
<h2>Morbi ultrices ultrices sem, sed placerat tortor pulvinar sed. </h2>
<p>Nullam nec nulla nisi. Nunc mauris mi, pharetra eu placerat vitae, luctus nec enim.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Wrapper -->
<div id="footer-wrapper">
<footer id="footer" class="container">
<div class="row">
<div class="3u">
<!-- Contact -->
<section class="widget-contact last">
<h2>Contact Us</h2>
<ul>
<li><a href="https://twitter.com/App4UBr" class="fa fa-twitter solo"><span>Twitter</span></a></li>
<li><a href="https://www.facebook.com/App4UBr" class="fa fa-facebook solo"><span>Facebook</span></a></li>
</ul>
<p>Av. João, 1234<br />
São Paulo, São Paulo<br />
(11) 1234-1234</p>
</section>
</div>
</div>
<div class="row">
<div class="12u">
<div id="copyright">
© App4U Sistemas de Informação Ltda. All rights reserved.
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
UPDATE-2-END
有人可以帮我吗？ 欢呼声。
4 个答案:
答案 0 :(得分：0)
您需要使用相对路径。
确保在css包含中指定/的相对文件路径。
非亲属：<link rel="stylesheet" media="all" href="css/skin.css">
亲戚：<link rel="stylesheet" media="all" href="/css/skin.css">
答案 1 :(得分：0)
你有这个：
include("../jude/updatecomplete.html");
这包括一个HTML文件，其中包含以下内容：
<LINK href="../css/styles.css" rel="stylesheet" type="text/css" />
HTML文件相对于其位置引用了CSS。但PHP文件位于不同的位置，因此一旦将HTML文件的内容打印到PHP文件的输出中，浏览器就无法加载CSS文件，因为相对路径根据位置不正确PHP文件。
答案 2 :(得分：0)
CSS不起作用，因为您的PHP脚本位于您所包含的HTML所在的另一个目录中。通过这样做，您在HTML文件中包含的样式表没有正确的路径。尝试使用../附加样式表的路径，如下所示：
<link href="../css/style.css" rel="stylesheet">
您将看到它在调用PHP脚本时开始工作，而不是直接调用HTML文件。
答案 3 :(得分：-1)
感谢您的所有建议，尝试了提供的三个选项建议，但真正成功的是将＃34; css＆＃34; ＆＃34; php＆＃34;中的文件夹文件夹中。
所以我认为这不是一个花哨的举动，而是让它继续下去。 感谢。
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？