jQuery datepicker prev et next boutons ne s'affiche pas, comment faire pour point thème du dossier images dans le css

J'ai utilisé jQuery ui datepicker pour pouvoir ajouter un contrôle de calendrier pour ma zone de texte, mais les boutons précédent et suivant ne sont pas visibles, bien que le contenant de la balise fonctionne fonctionnellement en cliquant

Comment puis-je modifier cette option pour afficher les icônes affichées sur l' http://jqueryui.com/datepicker/ lorsque ces images sont trouvées à l'intérieur de mon package web ..\Content\theme\base\images et non les emplacements indiqués ci-dessous

.ui-widget-content .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
}

Dois-je appeler à l'image dans le css de manière similaire à la façon dont les images sont appelés dans mon code c#? Comme dans:

"@Url.Content("~/Content/theme/base/images/ui-icons_222222_256x240.png")"
Merci de poster votre code ici. Un lien vers le travail de démonstration à jqueryui.com ne nous donne pas une idée de pourquoi votre code ne fonctionne pas.
édité avec plus de détails

OriginalL'auteur Jay | 2013-08-24

  1. 34

    Assurez-vous que votre jquery-ui.min.css pointe vers le bon fichier pour les images. La console devrait afficher une erreur lorsque vous tentez de charger les icônes.

    Par exemple, Si c'est l'emplacement de votre fichier CSS: http://example.com/css/jquery-ui.min.css, puis l'icône du fichier doit être dans http://example.com/css/images/ui-icons_222222_256x240.png. Le lien dans le fichier CSS est relatif par rapport au fichier CSS, et non pas le fichier HTML de chargement.

    J'ai édité le post original avec plus de détails. Comment dois-je point pour la bonne image que j'ai avec ~de Contenu/thème/base/images
    J'ai mis à jour le post.
    ai réglé les acclamations de toute façon
    Merci!!!! J'ai fait la même erreur!

    OriginalL'auteur Mooseman

  2. 3

    Vous y êtes presque.

    Assurez-vous de modifier votre url et ajouter le "!important" à la fin de la ligne.

    Ce qui vous permettra d'ajouter n'importe quelle image que vous souhaitez.

        .ui-widget-content .ui-icon {
    background-image: url("../../images/ui-icons_222222_256x240.png")      
    !important;}
    .ui-widget-header .ui-icon {
    background-image: url("../../images/ui-icons_222222_256x240.png")   
    !important;}

    Espérons que cela fonctionne pour vous.

    OriginalL'auteur Francois Muller

  3. 0

    J'ai remarqué que le message d'erreur que le site était à la recherche de:

    http://site/Content/images/image.png

    Je ne suis pas sûr pourquoi, en tant que de Mooseman réponse:

    Le lien dans le fichier CSS est relatif par rapport au fichier CSS, et non pas le fichier HTML de chargement.

    Il semble que le lien était parent de site.css (qui est contenue dans Content) plutôt que de Jquery-ui.mincss, et donc il ne pouvait évidemment pas trouver le png.

    Après avoir changer les chemins d'accès dans JQuery-ui.min.css à

    themes/base/images/image.png

    Il fonctionne maintenant parfaitement.

    OriginalL'auteur Bassie