CSS文件无法加载图像的相对URL

Question

我正在尝试在CSS文件中设置背景图片：

页面HTML：

<span class="mobile-menu-logo"></span>

CSS：

.mobile-menu-logo { 
    display: block;
    float: left;
    overflow: hidden;
    height: 45px;
    width: 100%;
    background: url('http://192.168.254.5/phd/assets/css/img/mobile-menu-icon.png') 50% 50% no-repeat;
    background-size: 130px 30px;
}

文件结构：

/phd/assets/css/style.css
/phd assets/css/img/mobile-menu-icon.png

当我指定整个网址时，图片会显示。但是，当我将CSS更新为：

时

background: url('/img/mobile-menu-icon.png') 50% 50% no-repeat;

或：

background: url('img/mobile-menu-icon.png') 50% 50% no-repeat;

...找不到图像。

任何想法我做错了什么？我