0

我正在用 eclipse / tomcat 建立一个网站。在我的 html 文件中，我包含了一个外部 css 文件。当我将我的主网站页面作为文件打开时，一切正常并且它读取外部 css 文件，但是当我尝试使用 tomcat 打开主页面时：“MyHost:8080/DBankOnline/MainPage.html”它加载了 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>

-谢谢你

4

1 回答 1

1

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

于 2013-11-12T13:35:55.543 回答