jsp引用css没效果,是路径的问题吗?

html-css09

jsp引用css没效果,是路径的问题吗?,第1张

jsp引用css没效果原因总结如下:

1、先看是否正确引入了css文件,可以在css文件的顶部加一句 *{border:1px solid red} ,这样,如果正确加载了,页面效果会出现很多红框;

2、看对应的类名、ID是否写对了;

比如有jsp页面引入了Mycss.css样式,具体代码如下:

<span style="font-size:18px"><link href="Mycss.css" rel="stylesheet" type="text/css" /></span>

这里的css不会生效,因为没有找到该路径,改成了绝对路径,这里用到了jsp页面生成的对象basePath,定义如下:

%

String path = request.getContextPath()

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"

%>

这样就会得到css了。

jsp引用js和css文件,引用失败的原因大部分是由于路径问题导致,一般有相对路径和绝对路径两种引用方式:

1、相对路径引用js和css的方法:

css:

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

js:

<script type="text/javascript" src="js/front/poplayer.js"></script>

前提是js和css跟jsp在同一个目录下

2、绝对应用js和css的方法:

css:

<link href="http://域名:端口/工程名css/front/ibd.css" rel="stylesheet" type="text/css" />

js:

<script type="text/javascript" src="http://域名:端口/工程名/js/front/poplayer.js"></script>

检查以上两种方法是否引用正确。

css 里面引用路径看上去是对的:background: url(../image/nav_on.gif)

直接在 css 文件里面写:body{background: url(../image/nav_on.gif)}

写好保存 css 后刷新网页,如果 index.html 和文件夹里面那个 php 页面看背景是不是会出现在整个网页上,没有的话说明你代码或引用css文件的方法有错误。

如果整个页面都出现了背景图的话,最大可能就是你的a没足够的宽度高度,背景实际上是引用正确了的,因为宽高不够,没显示出来,请把你的 #choice 设为块级元素并给足够的宽高值,即:

#choice{

display: block

width: xxx

height: xxx

}

a链接默认是行内元素,行内元素大小是由它里面包含的:文字、图片、多媒体及其他html元素的大小决定的。

行内元素里面包含的大小有多大,就只会把行内元素撑开成多大,比如:<a>123</a>

上面这个 a 链接里面只有 123 三个字符(假设字号是12px,行高是默认),那 a 的实际大小就只是比三个字占的面积略大一点,大概高15px、宽40px左右,你css里面设置宽度300px,高度300px,这个 a 是不会变大的,当你 display: block把 a 这个东西改成块级元素了,就会变成你设置的 300px 宽高。

还有个,经常有才学的人弄个浅色背景图,网页或a:hover后又是浅色背景色,那种不是没出来,而是视觉上看不出来。