2010-11-19 14 views
0

J'utilise le populaire curseur de contenu jFlow sur le site Wordpress que je développe. J'ai réussi à obtenir le look que je veux en utilisant css, mais je ne peux pas obtenir le div bannercontent qui montre le texte d'un poste sur l'image miniature pour masquer le poste n'est pas actuellement actif. Cela semble confus, mais si vous regardez http://www.thurstonenergy.org/wordpress/, vous verrez ce que je veux dire. Quelqu'un d'autre utilise ce script et a des problèmes similaires?jQuery script "jFlow" et positionnement

Répondre

0

Essayez d'affecter un index z aux éléments. Travaillé pour moi dans Firebug:

.jFlow { 
position:relative; 
z-index:100; 

.bannercontent { 
position:absolute; 
z-index:50;} 

J'espère que cela fait l'affaire pour vous. Comme je l'ai mentionné, je l'ai testé rapidement et il semblait faire l'affaire.

+0

J'apprécie votre aide John, merci. J'ai essayé d'ajouter des z-index, mais ils étaient déjà positionnés correctement en haut avant que je les ajoute. Le problème est le .bannercontent ... Je continue de voir d'autres infos sur les diapositives à droite, alors que l'information active défile. Elles sont seulement supposées en montrer une à la fois. – drew

+0

firebug n'affichait pas un z-index pour ces éléments, bizarrement. et quand je les ai ajoutés, le problème a été résolu. bizarre. bonne chance! – John

1

Il semble que vous ayez besoin d'utiliser le débordement: masqué pour afficher une image à la fois. Ensuite, vous faites le div autour de vos images seulement la hauteur/largeur d'une image. J'espère que cela a du sens.