jQuery: stopPropagation avec IE8

Question

J'utilise le code suivant pour empêcher de cliquer sur un div en plein écran, sans couleur, image ou opacité d'arrière-plan. Juste un ol 'div régulier.

$('.modalOverlay').click(function (evt) { 
    evt.stopPropagation(); 
    alert('no'); 
    }); 

Et le CSS

.modalOverlay { 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    top: 0px; 
    left: 0px;  
} 

Sur les navigateurs que je l'ai essayé sur (Chrome 16.0.912.77, Opera 11.61, Safari 5.0.4, Firefox 3.6.25, 2.1 SeaMonkey) il fonctionne bien.

Sur IE8 (64 bits), il ne fonctionne pas sur les choses cliquables. Tels que des liens. Si je clique quelque part en arrière-plan sur IE8, cela fonctionnera. Si je clique sur un lien, le lien clique toujours. Maintenant, si je spécifie une couleur d'arrière-plan sur IE8, cela fonctionnera. Mais puisque l'opacité sur IE est une douleur, la div serait une couleur solide, et je ne le veux pas. Y at-il un moyen de le faire fonctionner sur IE8, sans spécifier une couleur de fond?

Merci.

Answer 1

Ajoutez simplement background: black; opacity: 0; filter: alpha(opacity=0); - à quel point est-ce difficile?