在jsp页面中引用图片的路径问题_html/css_WEB-ITnose
代码绝对没问题,我就是想copy一个treetable
然后把网上成功的例子下下来直接黏贴进去的
有两个地方的gif不行
是在一段JavaScript代码里面:
然后这四个close_img不论哪个都不能显示
我图片地址是:
这个jsp的地址是:
请问这个页面的close_img:"${pageContext.request.contextPath}/images/main/imgs/plus.gif"要怎么引用才对
而且最奇怪的是css里面的png图片明明都已经显示出来了,但是gif还是不行,明明是同样的链接
css是这样的:
/* CSS Document */body { font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; background: #E6EAE9;}a { color: #c75f3e;}table { padding: 0; margin: 0;}img { padding: 0; margin: 0;}caption { padding: 0 0 5px 0; font: italic 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: red; text-align: right;}th { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #CAE8EA url(../../images/main/imgs/bg_header.jpg) no-repeat;}th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none;}td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; font-size:12px; padding: 6px 6px 6px 12px; color: #4f6b72;}td.alt { background: #F5FAFA; color: #797268;}td.spec { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(../../images/main/imgs/bullet1.gif) no-repeat; font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}td.specalt { border-left: 1px solid #C1DAD7; border-top: 0; background: #f5fafa url(../../images/main/imgs/bullet2.gif) no-repeat; font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #797268;}/*---------for IE 5.x bug*/html>body td{ font-size:11px;}
请问到底是哪里出了错呢
回复讨论(解决方案)
你看看contextPath那段代码打出来的路径和图片的相对路径,
应该是路径少了一部分
../../../images/main/imgs/plus.gif
../../../images/main/imgs/plus.gif
../../../这个前缀是css和jsp页面的引用的图片都要加的吗
我试过了,好像不行啊,还是那样的
你看看contextPath那段代码打出来的路径和图片的相对路径,
应该是路径少了一部分
在哪里打出来,控制台吗,可是我的没有啊,只有这一句显示跳转到那个页面的
12-3016:20:07[org.springframework.web.servlet.DispatcherServlet-1198][http-bio-8080-exec-6][39068] - Rendering view [org.springframework.web.servlet.view.JstlView: name 'main/resource/NewFile'; URL [/WEB-INF/main/resource/NewFile.jsp]] in DispatcherServlet with name 'springmvc'
你看看contextPath那段代码打出来的路径和图片的相对路径,
应该是路径少了一部分
在哪里打出来,控制台吗,可是我的没有啊,只有这一句显示跳转到那个页面的
12-3016:20:07[org.springframework.web.servlet.DispatcherServlet-1198][http-bio-8080-exec-6][39068] - Rendering view [org.springframework.web.servlet.view.JstlView: name 'main/resource/NewFile'; URL [/WEB-INF/main/resource/NewFile.jsp]] in DispatcherServlet with name 'springmvc'
我说的是pageContext.request.contextPath 的值
你看看contextPath那段代码打出来的路径和图片的相对路径,
应该是路径少了一部分
在哪里打出来,控制台吗,可是我的没有啊,只有这一句显示跳转到那个页面的
12-3016:20:07[org.springframework.web.servlet.DispatcherServlet-1198][http-bio-8080-exec-6][39068] - Rendering view [org.springframework.web.servlet.view.JstlView: name 'main/resource/NewFile'; URL [/WEB-INF/main/resource/NewFile.jsp]] in DispatcherServlet with name 'springmvc'
另外 页面调试时哪怕用最基础的alert都可以啊
看看页面pageContext.request.contextPath的值和图片的相对路径
有没有少或者在哪部分错了
解决了,不想吐槽我自己,是我光记得改页面和css里面的路径忘记改js里面的路径了
你看看contextPath那段代码打出来的路径和图片的相对路径,
应该是路径少了一部分
在哪里打出来,控制台吗,可是我的没有啊,只有这一句显示跳转到那个页面的
12-3016:20:07[org.springframework.web.servlet.DispatcherServlet-1198][http-bio-8080-exec-6][39068] - Rendering view [org.springframework.web.servlet.view.JstlView: name 'main/resource/NewFile'; URL [/WEB-INF/main/resource/NewFile.jsp]] in DispatcherServlet with name 'springmvc'
另外 页面调试时哪怕用最基础的alert都可以啊
看看页面pageContext.request.contextPath的值和图片的相对路径
有没有少或者在哪部分错了
你说的对,学到了

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

本文讨论了HTML< Progress>元素,其目的,样式和与< meter>元素。主要重点是使用< progress>为了完成任务和LT;仪表>对于stati

本文讨论了html< datalist>元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

本文讨论了HTML< meter>元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了< meter>从< progress>和前

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

本文讨论了视口元标签,这对于移动设备上的响应式Web设计至关重要。它解释了如何正确使用确保最佳的内容缩放和用户交互,而滥用可能会导致设计和可访问性问题。

本文解释了HTML5< time>语义日期/时间表示的元素。 它强调了DateTime属性对机器可读性(ISO 8601格式)的重要性,并在人类可读文本旁边,增强Accessibilit

本文讨论了< iframe>将外部内容嵌入网页,其常见用途,安全风险以及诸如对象标签和API等替代方案的目的。
