Question

我正在尝试在我的jsp页面中加载一个外部css页面，但通常的做法并没有帮助，是否有任何遗漏？

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


 <title>Login Page</title>
<head>

    <link rel="stylesheet" type="text/css" href="style.css"/>
</head>

Answer 1

您的link元素中的href指定了一个URL相对路径，该路径仅在css文件与JSP位于同一文件夹中且JSP被直接寻址时才有效

由于您已经提到css与JSP位于同一目录中。检查您如何处理JSP。

您需要将上下文路径插入到您的webapp（例如/webapp/styles.css）或使用相对路径或使用HTML <base>标记。它表示最终HTML输出中使用的所有相对URL的基本URL。

<head>
    <base href="${pageContext.request.contextPath}">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script type="text/javascript" src="js/script.js"></script>
</head>

无法在JSP页面中加载外部CSS

1 个答案: