2010-08-10 4 views
1

Problème partie 1: Fondamentalement, j'ai l'ancien problème IE de débordement: caché; ne fonctionne pas dans IE. Le correctif (qui fonctionne, certes) est aussi d'ajouter "position: relative"; à l'élément/parent; Cependant, cela cause un problème pour moi. Tout d'abord je veux savoir s'il y a une autre manière sans ajouter de position relative.IE8 - CSS débordement caché, correction provoque d'autres problèmes avec jquery

Si cela est la seule solution que je vais décrire le problème, il provoque:

partie du problème 1b: J'utilise jquery et 1.4.2 jquery ui 1.8.4. Le concept est essentiellement pour l'utilisateur de ramasser une carte (objet li glissable) de la pile (ul entourée de div) et placez-le dans la catégorie appropriée (initialement vides ul items). Parce que positionner chaque carte les unes sur les autres dans la pile avec css avec la position: absolue; causerait des problèmes avec l'interaction, je les ai laissé tous afficher l'un après l'autre dans une colonne et utilisé un div de hauteur et de largeur avec débordement: caché pour obscurcir le reste des cartes à la place. Fonctionne bien dans FF, mais dans IE ne fonctionne pas en raison du débordement: bug caché. Si je mets en position: relative, pour les deux navigateurs, l'index z de la carte quand elle est déplacée apparaît derrière tout ce qui est en dehors de sa div parente. J'ai essayé de changer l'index z sur chaque élément de la page pour spécifier l'ordre, mais cela semble être complètement ignoré. J'espère vraiment ne pas avoir à entrer dans la jquery pour faire des changements. Des solutions?

Ci-joint des photos qui rendent ce mur de texte un peu plus clair. La photo 1 est comment cela devrait fonctionner et fait en FF sans position relative. L'image 2 montre quand la position relative est ajoutée au mélange. Les deux images montrent qu'une carte est déplacée vers une position dans une nouvelle colonne.

Image 1: http://plldd.net.au/storage/overflowhidden.jpg Image 2 est au même endroit et est appelé positionrelative.jpg

Merci pour toute aide que vous pouvez offrir.

Répondre

1

pouvez-vous essayer d'envelopper tout dans une autre div avec la position relative? Cette div entoure tout au lieu du parent immédiat.

Questions connexes