Remplacer le lien CSS ou masquer sous par une image ?

StackOverflow https://stackoverflow.com/questions/5999865

  •  13-11-2019
  •  | 
  •  

Question

Le problème est sur mon site :http://windowsphonedaily.blogspot.com/

Je me suis creusé la tête en essayant de trouver comment résoudre ce problème.Fondamentalement, je voulais créer un curseur « Messages en vedette » en utilisant EasySlider 1.7 .Le curseur est la première chose que vous voyez lorsque vous êtes sur le site.

Tout semblait bien se passer pendant l'installation, mais une fois que j'ai terminé, j'ai réalisé que nextText et prevText s'affichaient au-dessus de mes images d'arrière-plan.Cela semble être une propriété qui ne peut pas être modifiée avec CSS ou HTML car je pense qu'elle est intégrée dans le javascript fourni.

J'ai essayé la meilleure réponse trouvée dans cette question ("Le texte CSS est remplacé par une image, nécessite un lien hypertexte") et cela a fonctionné pour le nextBtn mais lorsque je l'ai essayé pour le prevBtn, le nextBtn a disparu et a été remplacé par le paramètre par défaut.Si quelqu'un peut m'expliquer comment utiliser correctement cette méthode avec les deux boutons, alors cette solution conviendrait.

Mais si vous ne pouvez pas, aidez-moi à trouver une autre solution.Je ne connais pas très bien CSS ou HTML, donc j'apprends au fur et à mesure en ce moment.C'est probablement une erreur stupide que j'ai commise, mais j'aimerais quand même savoir comment y remédier !

Merci d'avance à tous ceux qui répondront !!

Était-ce utile?

La solution

Je l'ai testé avec Firebug directement sur Votre page.Essaye ça:

#nextBtn a, #prevBtn a {
    display: block !important;
    text-indent: -9999px;
}

Ceci est important !important ;) Ça fait que ça display: block est plus important que display: inline qui ajoute votre plugin slider.

Autres conseils

Pas tout à fait sûr de ce qui se passe, mais si vous allez à https://sites.google.com/site/shawnhasinger/files/easyslider1.7.js Où vous l'avez lié, vous obtenez une page de connexion, ce qui signifie qu'il ne fonctionne pas!Ce n'est pas le problème que vous faites face, probablement parce que vous êtes connecté ...

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top