jQuery图片在服务器上的路径问题

      用jquery写了段代码，目的是改变背景图片，在本机上运行没有错误，一旦部署到服务器上图片就显示不出来，我想是图片路径问题，但是在本机上图片路径是没有错的，后来在网上找，说是图片路径前要少写一个点，果然少写一个点就对了，在本机和服务器上显示都正常，但是不知道为什么。后来在网上查了下，发现问题了。　"./"表示根目录。"../"表示上一层目录。在服务器上要使用从根目录开始的相对路径。

$(document).ready(function () {
    $("#Overview").css("background-image","url(./images/WhiteButton.png)");
    $("#Overview div").show();
    $("#tab li").hover(function () {
        $("#tab li").css("background-image","url(./images/graybutton.png)");
        $("#tab ul div").hide();
        $(this).css("background-image","url(./images/WhiteButton.png)");
        $(this).children('div').show();
    });
})

代码和图片所在的文件夹