Maison > interface Web > tutoriel HTML > 在jsp页面中引用图片的路径问题_html/css_WEB-ITnose

在jsp页面中引用图片的路径问题_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-21 09:01:29
original
1443 Les gens l'ont consulté

代码绝对没问题,我就是想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;}
Copier après la connexion


请问到底是哪里出了错呢


回复讨论(解决方案)

你看看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的值和图片的相对路径
有没有少或者在哪部分错了
你说的对,学到了
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal