请教 CSS的图片路径 问题

html-css015

请教 CSS的图片路径 问题,第1张

../12/images/10.gif用的是相对路径,这个路径是

该css文件的上一级目录中的12这个文件夹里面的images文件夹里面的10.gif这张图片

你可以对照查看一下该图片是否存在

希望对lz有帮助

如果是外联css(css文件与html文件分离的),则css中的图片路径是相对于css文件而不是html文件的,比如你附图中的那个png图片,应该位于css文件的上级目录的images子目录的kpjh子目录中,否则就出错。如果网站的目录结构比较复杂,很难理清文件的相对关系,可以使用绝对路径,比如说images目录假如位于网站的根目录,那么你可以用 /images/kpjh/... ,也就是把开头的两个小数点去掉。更保险的办法是在前面加上网址变成完整的url,这样即使图片文件放到其他网站也能调用。如果希望得到更简单的方法,那么可以把css文件与图片文件放在同一个目录,这样css文件中就不需要再写图片的路径了,直接写图片文件名即可

如果是内联css(css代码直接写到html文件中),则图片路径是相对于html文件的。

所以你要自己检查一下图片路径是否写正确,然后根据我上面的说明进行修改。

1. 请题主先看看浏览器的控制台是否有相应的报错提示;

2. 其次,题主这个页面是否在根域名下的,如果不是,那还真有可能路径错了;

3. 既然楼主都用 addClass 了,可以考虑将 css 写在 css 文件的一个 class 里,而不需要用 jQuery 来更变 style,这样你可以写少点 js,同时方便管理 css。(同时避免相对路径问题)