如何在电话中使用css添加背景图片

我正在为手机中的移动设备制作一个选项卡。我想添加图像作为选项卡的背景。问题是它不会添加任何背景图片。这里是我的目录结构如何在电话中使用css添加背景图片

图像此文件夹

www/img/tabs.png

在CSS下面我使用的路径相似图片URL（./ IMG/tabs.png）左上方不重复的;这不起作用。这里是我的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>

来源

2012-09-20 2619

您的图片url不好。

实际上，您提供给图像路径的url应该与CSS文件的位置有关。

所以，你需要使用：

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

代替：

url(./img/tabs.png)

有一个尝试，让我知道，如果这个工程

来源

2012-09-20 07:53:54 Littm

谢谢你现在正在工作。 – 2619

您的欢迎队友！我很高兴它为你工作:) – Littm

嘿伙伴，似乎你是来自天堂（Rangiroa，法属波利尼西亚）:-)。但我们不能在这里讨论。 – 2619

如何在电话中使用css添加背景图片

回答

相关问题