2012-02-24 42 views
0

我有一个运行在Tomcat 7.0上的基于Spring MVC的Web应用程序。我们也在应用程序中使用Tiles框架。未在我的弹簧MVC应用程序中加载CSS文件

下面是我的布局页面的代码。在页面中我包含了一些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弹簧配置文件中有folowowing代码。

<!-- 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文件的方式有什么问题吗?

请帮忙。

回答

0

尝试这种添加CSS文件

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

将同时给予CSS,IMG或脚本文件的JSP参考以下行

<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"> 
相关问题