Question

我在Tomcat 7.0上运行了一个基于Spring MVC的Web应用程序。我们还在应用程序中使用Tiles框架。

以下是我的布局页面的代码。在页面中，我包含了一些CSS文件和javascript文件。

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@ page contentType="text/html; charset=utf-8" language="java"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Application</title>

        <!-- CSS Files -->
        <link type="text/css" href="<c:url value='/resources/css/themes/base/jquery.ui.all.css'/>">
        <link type="text/css" href="<c:url value='/resources/css/styles.css'/>" />

        <!-- Javascript Files -->       
        <script src="<c:url value='/resources/scripts/jquery/jquery-1.7.1.js'/>"></script>
        <script src="<c:url value='/resources/scripts/jquery/ui/jquery.ui.core.js'/>"></script>
        <script src="<c:url value='/resources/scripts/jquery/ui/jquery.ui.widget.js'/>"></script>
        <script src="<c:url value='/resources/scripts/jquery/ui/jquery.ui.button.js'/>"></script>
        <script src="<c:url value='/resources/scripts/common.js'/>"></script>

        <script>
            $(function() {
                $("input:submit, a, input:button", ".buttonDiv").button();
                $("a", ".buttonDiv").click(function() {
                    return false;
                });

            });
        </script>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <tiles:insertAttribute name="header">
                    <tiles:putAttribute name="menu"
                        value="/WEB-INF/jsps/common/menu.jsp" />
                </tiles:insertAttribute>
            </div>
            <div id="body">
                <tiles:insertAttribute name="body" />
            </div>
            <div id="footer">
                <tiles:insertAttribute name="footer" />
            </div>
        </div>
    </body>
</html>

正确加载Javascript文件但不加载CSS文件。

此外，我在mY spring配置文件中有以下代码。

    <!-- Handles HTTP GET requests for /resources/** by efficiently serving 
    up static resources in the ${webappRoot}/resources/ directory -->
<mvc:resources location="/resources/" mapping="/resources/**" />

我正在使用IE7浏览器。我没有任何其他浏览器可供测试。

我包含CSS文件的方式有问题吗？

请帮忙。

Answer 1

尝试此操作添加您的css文件

<link href="../../Content/Site.css" rel="stylesheet" type="text/css"  />

Answer 2

在jsp

中提供css，img或脚本文件的引用时，输入以下行

<link href="${pageContext.request.contextPath}/resources/css/xxxx"
    rel="stylesheet">  //xxxx is the resources
<link href="${pageContext.request.contextPath}/resources/css/jquery-ui.css" rel="stylesheet">

我的spring MVC应用程序中没有加载CSS文件

2 个答案: