IE8 CSS Hover Image non cliquable JQuery

J'ai une image qui a un événement onmousedown. Lorsque je le survole, il affiche une image distincte. Mon code de vol stationnaire ressemble à ceci:IE8 CSS Hover Image non cliquable JQuery

  $(".baur").hover(
          function() { 
            $(".hoverbaur").show(); 
          },

Je me sers de ce code pendant un certain temps, même si aujourd'hui je l'ai testé dans IE8 et le lien ne fonctionne pas! Initialement, j'ai mis l'affichage css hoverbaur à aucun, puis le JQuery modifie cela en vol stationnaire. Je sais que je pourrais aussi relier l'image du vol stationnaire, mais il y en a beaucoup. J'espérais qu'il y avait une solution CSS qui rendrait l'image planante visible, tout en exécutant l'événement onclick de l'image en dessous.

Je suppose que mon autre question serait pourquoi cela fonctionne-t-il dans FF et Chrome?

Bien sûr! Un exemple d'image ressemble à ceci

<img class="baur" onmousedown="showDiv()"> 
<img class="hoverbaur" style="display:none"> 

function showDiv(){ 
$("#welcome").show 
}

Tout conseil serait utile, Merci!

Source

2010-09-28 Doug Molineux

Pouvez-vous s'il vous plaît poster votre code html et javascript plus complet? – fehays

Pourquoi n'avez-vous pas utilisé votre identifiant sur votre image? Je ne comprends pas pourquoi vous utilisez classe et spécifier le style sur votre image comme class = "hoverbaur" style = "display: none" –

J'ai effectivement eu le style dans une feuille séparée css, je viens de le jeter pour vous montrer quel est son style était –

Vous avez la méthode show() mal définie comme show. Il doit être:

$("#welcome").show();

Remarque: jQuery vous permet de rendre votre code non intrusif. Vous devriez éviter d'utiliser javascript/css en ligne.

Source

2010-09-28 18:51:49 Sarfraz

IE8 CSS Hover Image non cliquable JQuery

Répondre

Questions connexes