struts应用中JSP页面链接CSS样式表的路径问题

来源:互联网 发布:js input disabled 编辑:程序博客网 时间:2024/05/16 19:39

在页面链接CSS样式表的时候,不外乎就两种链接方式,相对地址链接、绝对地址链接。

 

其写法通常为:

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

2.<link href="<%=request.getContextPath()%>/style/style.css" rel="text/css" type="stylesheet"/>

 

     绝对链接没什么好说的,但是这相对链接,很多时候会带来问题和麻烦,因为css样式表和jsp页面通常情况下是分开放置的,比如:在css里面链接一张存放在另一目录下的图片,就经常会出现问题。

     这时候,我们的原则是,不管css样式表的存放位置,而只关心jsp页面和图片的相对位置即可:

 

     例如,目录如下:

|--root

    |--pages

        |--css

    |--images

 

这时候,当pages下的jsp页面引用pages/css/style.css文件时,如果css需要链接images下图片作为某个标签的背景,那么css中的写法就是:background:url(../images/XXX.jpg);  而不是:background:url(../../images/XXX.jpg)

原创粉丝点击