2009-12-21 4 views
4

Lien: http://designbracket.com/. Cliquez sur Nos services et les liens en dessous. J'ai utilisé Overlay de Jquery Tools pour afficher la superposition lorsque l'on clique sur un lien. Ceci est un site drupal. Le problème est que même si la superposition s'ouvre comme prévu, le texte apparaît sous IE 7 alors que cela ne se produit pas dans FF ou Chrome (évidemment pas :)).Afficher du texte dans la superposition de Jquery Tools Overlay dans IE 7

Je pense que cela a quelque chose à voir avec le bug z-index d'IE 7. Cependant, en dépit de perdre deux jours sur ce problème stupide je n'ai pas eu de progrès.

Veuillez nous aider. Toute aide ou suggestion serait grandement appréciée. Si la question est ambiguë, faites-le moi savoir et j'essaierai d'inclure plus de détails.

Merci

+0

Il me semble avoir le même problème dans FF 3.5.6 (Mac OS X). Le texte apparaît sous la boîte de superposition, légèrement à droite? Peut-être que le problème n'est pas seulement présent dans IE7, et je vous conseille donc de jeter un oeil à votre CSS. – BenTheDesigner

+0

Salut Ben .. Merci de la suggestion mais de toute façon je ne suis pas confronté à aucun problème dans FF (j'ai 3.0.16) ou Chrome. Le code que j'utilise est exactement le même que sur http://flowplayer.org/tools/demos/overlay/multiple.html. Alors que le code fonctionne seul fonctionne bien (même dans IE 7 et 6) mais l'implémenter dans Drupal est en train de devenir une douleur. Encore merci pour la suggestion qui pourrait donner un coup de feu. – Sbhambry

Répondre

5

Je sais que c'est un vieux billet, mais je vais juste mettre ce là-bas parce qu'il m'a aidé.

J'ai rencontré des problèmes de superposition avec les outils IE7 et jquery en raison de la superposition de mes divs dans un div grid 960. Changer l'index z (z-index: 9999999 !important;) n'a pas aidé du tout. Pour résoudre j'ai simplement déplacé mes divs overlay à juste avant ma fermeture </body> tag qui était en dehors de toutes les classes .container ou .grid.

Espérons que cela aide quelqu'un.

+0

Je voulais juste vous faire savoir: Merci d'avoir répondu à ce vieux billet, car cela m'a énormément aidé! – Peter

+0

+1 vient de me sauver de la prochaine dépression nerveuse. Je vous remercie! – FOR

9

J'ai rencontré un problème similaire lorsque la superposition était affichée derrière un masque Expose dans IE7, ne laissant aucun élément sur la page cliquable, y compris la superposition. L'ajout de ce dans les paramètres overlay() résolu le problème:

onLoad: function() { 
    this.getOverlay().insertAfter('#exposeMask'); 
} 
+1

C'est une meilleure solution car ne me forcez pas à changer mon HTML. – Mohsen

+0

Cette solution fonctionne mieux pour moi car je ne peux pas placer les divs overlay juste avant la balise 'body' de fermeture. Cependant, l'événement 'onLoad' ne se produit pas tant que la superposition n'est pas complètement visible (les transitions de fondu sont terminées), donc votre contenu n'apparaîtra pas devant le masque de superposition tant que le masque n'aura pas terminé sa transition. . –

+0

En outre, j'ai essayé d'utiliser l'événement 'onBeforeLoad', mais cela n'a pas fonctionné correctement. La superposition ne viendrait pas à l'avant jusqu'à la deuxième fois que je l'ai ouvert. Je pense que je pourrais aller déposer un rapport de bug maintenant ... –