求问一个~/和/表示目录的问题

我的代码是这样的

 <body style="overflow: hidden; background: url(~/Content/Images/7_7.jpg) no-repeat  center center;">
    <!----------------------网页的头部  开始------------------------->
    <div style="background: url(/Content/Images/bg3.png) repeat-x;height: 67px;">
        <img src="/Content/Images/logo.gif" style="float: left;" />
        <h1 style="float: left;margin-top: 35px;">My WebSite</h1>
        <img src="/Content/Images/big.png" style="float: right;" />
    </div>

    奇怪是body的url里无论是~/和 / 都能正常显示
    但div里的三个路径只要一改成~/ 就都不能显示了
    ![图片说明](https://img-ask.csdn.net/upload/201602/23/1456234338_989041.png)


<!----------------------网页的头部 开始------------------------->


My WebSite



 <body style="overflow: hidden; background: url(~/Content/Images/7_7.jpg) no-repeat  center center;">
    <!----------------------网页的头部  开始------------------------->
    <div style="background: url(/Content/Images/bg3.png) repeat-x;height: 67px;">
        <img src="/Content/Images/logo.gif" style="float: left;" />
        <h1 style="float: left;margin-top: 35px;">My WebSite</h1>
        <img src="/Content/Images/big.png" style="float: right;" />
    </div>

客户端一般用的../或者/xxx/xxx这种路径，~是服务区端用的多吧，客户端没找到~这个的说明

尽量不要用~,直接用/定位路径。