春天添加CSS来

Question

不同的页面我有2页：login.jsp中

• http://local.host:8080/test/login
• http://local.host:8080/test/admin/manage

增加的CSS使用C：网址：

<c:url value="css/style.css"/> 

当我打开第一个链接 - 一切正常。我试图将相同的style.css文件添加到manage.jsp（第二个URL），但是当我打开第二个链接时 - 不包括css。在页面源代码，我有：

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

如何界定采取的style.css从URL（http://local.host:8080/test）的根源在哪里？

Answer 1

我觉得是，因为指定的路径是相对于当前页面（login是在的其他级别路径嵌套*比admin/manage）。

一个微不足道但不好的解决方案是为admin/manage的css添加../。但是，这种灵活性的缺点是，当您更改页面的路径嵌套*级别时，您总是需要调整../。

要解决此问题，请使c:url -tag中的路径以/开头！ （这使得标签知道该URL是上下文相对的（相对于前面http://local.host:8080/test/), and the tag will automatically addhttp://local.host:8080/test`

<c:url value="/css/style.css"/> 

将呈现给：这样

<c:url value="/css/style.css" var="cssUrl"/> 
<link rel="stylesheet" type="text/css" href="${cssUrl}"/> 

http://local.host:8080/test/css/style.css

对于链路中使用

*目前我不知道“路径嵌套”的正确术语 - 随意更改它

Answer 2

属性的顺序可能是问题。纠正顺序

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