J'ai un script de rollover disjoint de Dax Assist: www. Daxassist. com/js/disjointedrollovers.cfmProblèmes de rollover disjoints dans l'explorateur et le safari
consultez la page Je travaille sur: http://www.gherkin.co.nz/tester/
Les renversements fonctionne assez bien sur Firefox, mais dans l'Explorateur des images plus grandes apparaissent sous la div centrale et dans Safari , ils ne semblent pas fonctionner du tout.
Des idées?
Il semble que vos images héritent de l'attribut CSS text-align: center. Remplacez ceci dans votre CSS pour le style large_card1 ou supprimez-le complètement.
EDIT J'ai regardé votre code HTML et il semble que vous avez un tas d'éléments img sur votre page qui ont tous l'ID de "titulaire". Vous ne devriez avoir que des identifiants uniques pour vos éléments. Je suggère que vous supprimiez tous ces tags img dupliqués, puisque vous êtes seulement intéressé par l'un d'entre eux. Mon soupçon est que IE est en train d'échanger l'image pour le dernier <img id="holder"...>, il trouve, Firefox utilise le premier et Safari dit, "Vis ça, je suis trop confus" et ne change rien.
hmmm, j'ai essayé d'ajouter text-align: left à la classe large_card1, mais cela n'a rien changé, Safari sur mac ne fait toujours rien quand vous passez la souris. D'autres idées? J'apprécie cela! – Allan
Lorsque vous essayez de problèmes de ce genre de débogage, une bonne première étape sera la validation: http://validator.w3.org/check?verbose=1&uri=http://www.gherkin.co.nz/tester/
Il y a quelques autres problèmes, mais celui qui semble être la cause du problème dans certains navigateurs sont vos images' répétées Les attributs d'ID (les ID d'élément doivent être uniques) et les identifiants onmousover/onmouseout que vous ciblez.
Dans votre cas, la fonction changeur2 appelée lorsque vous survolez des éléments recherche des images par id (en utilisant document.images [id]). Firefox renvoie une seule image, et d'autres navigateurs (chrome, vraisemblablement safari) renvoient un tableau d'images, puis la fonction ne fonctionne pas comme prévu. Alors, première étape: corrigez vos identifiants et le troisième argument de vos fonctions changeur2.
Ils ne semblent pas fonctionner dans Chrome non plus ... – Mathew