Question

我正在使用eclipse / tomcat建立一个网站。在我的html文件中，我包含了一个外部css文件。当我打开我的主网站页面作为文件，一切正常，它读取外部CSS文件，但当我尝试使用tomcat打开主页时：＆＃34; MyHost：8080 / DBankOnline / MainPage.html＆＃34 ;它加载html但不加载外部css文件。尝试从MyHost打开我的网站时，为什么不加载外部css？

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"               "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="DBankwebsite30.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255">
<title>DBank - The best bank</title>
</head>

<script src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="mainScript17.js"></script>
<style>

#content>p
{
font-size:20px;
font-style:italic;
}
</style>

<body onload="javascript:setInterval(clock,1000);javascript:buttonClicked();">
<div id="main">
<div id="upper">
    <p id="welcomeMessage">Hello guest.</p>
    <div id="login">
        <a href="loginpage.html">&nbsp; &nbsp; Login/Logout</a>
    </div>
</div>

<div id="left">
<div id="hour"></div>
    <ul>
        <li id="MainPage" class="mainButtons"><a href="MainPage.html">- Home -</a><hr></li>
        <li id="Personal" class="mainButtons"><a href="Personal.html">- Personal -</a><hr></li>
        <li id="AboutUs" class="mainButtons"><a href="localHost:8080/MainPage/AboutUsButton.html">- About us -</a><hr></li>
        <li id="ContactUs" class="mainButtons"><a href="localHost:8080/MainPage/ContactUsButton.html">- Contact us -</a><hr></li>
    </ul>
</div>

<div id="content">
    <p> Hello universe </p>

</div>

<div id="bottom"> 
    <p id="rights">The best website</p>
</div>

- 谢谢你

Answer 1

绝对是路径问题。使用chrome浏览器检查元素并查看主机使用外部css文件的路径然后您就有了线索。我之前遇到过类似的情况。不是一个大问题。祝你好运。

打开我的网页时，外部css文件不会加载

1 个答案: