comment ajouter des images d'arrière-plan à l'aide de css dans phonegap
Je fais un onglet pour appareil mobile phonegap. Je veux ajouter une image comme arrière-plan pour les onglets. Le problème est qu'il ne pas ajouter de l'image d'arrière-plan. voici ma structure de répertoire
les images sont dans ce dossier
www/img/tabs.png
En css ci-dessous, je suis en utilisant un chemin pour les images comme cette url(./img/onglets.png) top left no-repeat; ce qui ne fonctionne pas.
voici mon css fichiers
www/stylesheet/css/frames/footer.css
voici l'ensemble de mes pages situé
www/pages/home.html
et voici mon 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;
}
voici mon code 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>
OriginalL'auteur 2619 | 2012-09-20
Vous devez vous connecter pour publier un commentaire.
Votre image
url
n'est pas ok.En fait, la
url
vous fournir le chemin de votre image doit être lié à l'emplacement de votre fichier CSS.Donc, vous devez utiliser:
au lieu de:
Avoir un essai et laissez-moi savoir si cela fonctionne
Votre accueil mate! Je suis content que cela fonctionne pour vous 🙂
Hey mate, il semble que vous êtes dans les cieux(Rangiroa, Polynésie française) :-). Mais nous ne pouvons pas en discuter ici.
Oui les mecs 😀 . Je suis dans le milieu de l'océan Pacifique. Avez-vous été?
Nan :(. Mais j'aime Pacifique et ses îles
OriginalL'auteur Littm