5

我正在 phonegap 中为移动设备制作一个标签。我想添加图像作为标签的背景。问题是它没有添加任何背景图像。这是我的目录结构

图像在此文件夹中

www/img/tabs.png

在下面的 css 中，我使用像这样的图像路径 url(./img/tabs.png) top left no-repeat; 这是行不通的。这是我的css文件

www/stylesheet/css/frames/footer.css

这是我所有的页面

www/pages/home.html

这是我的CSS

footer {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    padding: 0;
    background: #535353; 
}

footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none; 
}

footer ul li {
    float: left;
    padding: 5% 10.9%;
    background: url(./img/tabs.png) top left no-repeat; 
}

footer ul li a {
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none; 
}

footer ul li a .current {
    background: url(./img/tabs.png) bottom left no-repeat; 
}

这是我的html

<header>
    Header
</header>
<section id="wrapper">
    <div id="scroll-content">

    </div>
</section>
<footer>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Profile</a></li>
        <li><a href="#">Photo</a></li>
    </ul>
</footer>
4

1 回答 1

14

你的形象url不行。

其实url你提供给你的图片的路径应该和你的CSS文件的位置有关。

所以，你需要使用：

url(../../../img/tabs.png)

代替：

url(./img/tabs.png)

试一试，让我知道这是否有效

于 2012-09-20T07:53:54.747 回答