jQuery图片在服务器上的路径问题
用jquery写了段代码,目的是改变背景图片,在本机上运行没有错误,一旦部署到服务器上图片就显示不出来,我想是图片路径问题,但是在本机上图片路径是没有错的,后来在网上找,说是图片路径前要少写一个点,果然少写一个点就对了,在本机和服务器上显示都正常,但是不知道为什么。后来在网上查了下,发现问题了。 "./"表示根目录。"../"表示上一层目录。在服务器上要使用从根目录开始的相对路径。
View Code
1 $(document).ready(function () {
2 $("#Overview").css("background-image","url(./images/WhiteButton.png)");
3 $("#Overview div").show();
4 $("#tab li").hover(function () {
5 $("#tab li").css("background-image","url(./images/graybutton.png)");
6 $("#tab ul div").hide();
7 $(this).css("background-image","url(./images/WhiteButton.png)");
8 $(this).children('div').show();
9 });
10 })
代码和图片所在的文件夹