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 })

代码和图片所在的文件夹