`

关于css样式文件路径问题

阅读更多
现在一个项目中出现了同一个页面在服务器上的web页面与本地开发环境下的页面的风格不一致的情况。最后终于在同事的帮助下解决了。
我本地开发环境配置的工程名是:eii,访问地址是http://www.eiis.com/eii
服务器配置的工程名是:eiis,访问地址是http://www.eiis.com/eiis
原因是,在该页面中包含了一些样式文件它们的路径写法如下:
<link rel="icon" href="eii/images/favicon.ico"/>
当部署到服务器上后由于工程名字从eii改变为了eiis,找不到eii路径,所以页面样式发生改变。
要想让自己的样式应用不随工程路径的改变而改变,可以修改为如下内容(即:工程名称用${pageContext.request.contextPath}代替):
<link rel="icon" href="${pageContext.request.contextPath}/images/favicon.ico"/>

记录一下,以备后用!
分享到:
评论

相关推荐

    DW CS6 CSS样式汉化文件补丁

    5. **技术要求**:安装汉化补丁可能需要一定的电脑操作技能,如了解文件路径和权限设置等。 总的来说,"DW CS6 CSS样式汉化文件补丁"是为了解决中文用户在使用Dreamweaver CS6进行CSS样式编辑时的语言障碍,提供更...

    unigui_css引用路径

    在Unigui开发中,CSS(层叠样式表)的引用路径是至关重要的,它决定了应用程序界面的样式表现。Unigui是一个基于Delphi的Web应用程序框架,它允许开发者使用Delphi的VCL组件来创建Web应用,同时支持HTML5、CSS3和...

    实现css样式的方式

    实现 CSS 样式的方式 ...其中,`rel="stylesheet"` 指定了链接元素是一个样式表,`href` 指定了 CSS 文件的路径,`type="text/css"` 指定了样式表的 MIME 类型,`media` 指定了样式表的媒体类型。示例代码如下: ``` ...

    CSS 样式表规范化小工具 新版

    解决CSS样式不规范问题, 使用该工具可以将排版很乱的CSS样式表进行规范化 1.直接打开Debug目录下的 StartChange.exe 2.点击'打开文件' 选择要转换的css文件 3.点击生成, 提示成功后,在源文件路径下新增了一...

    CSS样式图片下载助手

    为了解决这个问题,出现了"CSS样式图片下载助手",它能够帮助用户快速、高效地将CSS样式中引用的图片批量下载到本地。 CSS样式图片下载助手的核心功能在于解析CSS文件,识别其中的url()规则,这些规则通常用于定义...

    Flex中的CSS样式

    ### Flex中的CSS样式详解 Flex是一种用于开发交互式应用程序的框架,它允许开发者利用Adobe Flash Player和Adobe AIR创建丰富的互联网应用程序。在Flex中,CSS(层叠样式表)被广泛应用于美化用户界面,使得应用...

    jsp文件中引用外部.css或.js文件的路径问题.pdf

    jsp 文件中引用外部.css 或.js 文件的路径问题 在 Web 开发中,引用外部的.css 或.js 文件是非常常见的操作。然而,在 jsp 文件中引用外部.css 或.js 文件的路径问题却是很多开发者容易忽视的细节。本文将详细讲解...

    Css样式图片下载助手1.2正式版

    打开从网上下载保存的Css样式文件,按照程序第一、二、三、四步进行处理,Css文件中的图片会被保存下来,默认保存路径是Css文件所在目录,并自动修改Css文件中原图片路径地址为相对地址,修改前会自动备份原文件。...

    css样式背景下载提取器

    "CSS样式背景下载提取器"就是这样一个工具,它能够智能地从CSS文件中识别并提取出所有的背景图片URL,从而帮助用户快速、完整地下载目标网站的背景资源。 1. **CSS背景图片的定义** CSS允许开发者通过`background-...

    实现CSS样式文件中图标的可视化

    "实现CSS样式文件中图标的可视化"这个主题主要关注如何有效地管理和展示CSS中的图标资源,让开发者能够更直观地理解和使用它们。下面将详细讨论这个话题。 首先,我们来看“源码”这个标签。在CSS样式文件中实现...

    完美解决调用上级目录中的css样式文件的路径问题

    在网页开发中,正确引用外部CSS样式文件是至关重要的,因为这直接影响到页面的呈现效果。在HTML中,我们通常使用`&lt;link&gt;`标签来引入CSS文件。在处理目录层级时,理解相对路径和绝对路径的概念是解决问题的关键。 ...

    CSS样式图片下载助手,css背景图片下载

    这款“CSS样式图片下载助手”专门设计用来自动化下载CSS文件中引用的所有图片。它能够解析CSS代码,识别其中的背景图片URL,并将这些图片保存到本地,极大地提高了工作效率,尤其是在处理大型项目或需要备份图片资源...

    CSS样式手册(入门到精通)

    总的来说,这份"CSS样式手册(入门到精通)"提供的两个CHM文件是学习和参考CSS的宝贵资源,无论你是网页设计新手还是希望巩固CSS知识的开发者,都能从中受益匪浅。通过系统学习和实践,你将能够熟练掌握CSS,为你的...

    Dreamweaver CS6 CSS样式表

    ### Dreamweaver CS6 CSS样式表 #### 一、Dreamweaver CS6简介 Adobe Dreamweaver CS6是一款由Adobe Systems公司开发的专业网页设计与开发软件。它为用户提供了直观的可视化编辑界面以及代码编辑功能,使用户可以...

    CSS下载软件CSS样式下载

    例如,描述中的“CSS样式图片下载助手1.2-羽睿出品.exe”可能就是这样一款工具,它能帮助用户下载网页上的CSS样式文件以及与之相关的图片资源。 下载CSS样式文件有多种方法。手动方式是通过浏览器的开发者工具,如...

    CSS样式命名规则(仅供参考)

    ### CSS样式命名规则详解 #### 一、引言 在前端开发中,良好的CSS样式命名习惯对于项目的可维护性至关重要。合理的命名不仅能够提高代码的可读性,还能帮助团队成员快速理解样式的作用,减少不必要的沟通成本。...

    CI框架下JSCSS文件路径的设置

    ### CI框架下JSCSS文件路径的设置 在CI(CodeIgniter)框架下进行Web开发时,正确地设置和管理CSS、JavaScript以及图片等静态资源的路径是至关重要的。合理的路径设置不仅可以确保项目的顺利运行,还能提高代码的可...

    《CSS 样式表中文手册》 ,样式表基础学习教程

    尝试创建自己的网页,通过修改CSS样式来调整布局和外观,不断实验和调试,将使你对CSS有更深的理解。 总的来说,《CSS 2.0 样式表中文手册》是一个良好的起点,它将帮助初学者系统地学习和掌握CSS的基础知识,为...

    js css样式放大镜

    通常这样的文件可能包括一个或多个JavaScript源码文件(例如.js扩展名)和可能的CSS样式文件(例如.css扩展名)。 **详细知识点:** 1. **JavaScript事件处理** - 放大镜功能通常与用户的鼠标交互关联,例如当鼠标...

Global site tag (gtag.js) - Google Analytics