IE Bug: absolut positioniertes Element mit einer nicht transparenten Hintergrundfarbe

Question

Ich habe einen absolut positionierten DIV, den ich onclick Ereignisse für einfangen muss. Es stellt sich heraus, dass das DIV in IE7 keinen "Fußabdruck" für Dinge wie Klicken und sogar Cursor hat. Zum Beispiel:

div { 
     width: 200px; height: 200px; 
     position: absolute; 
     border: 10px solid black; 
     cursor: pointer; 
} 

In IE7 hat, dass DIV keine ‚Footprint‘: es ist nicht auf Onclick reagiert() und seinen Cursor auf den Zeiger ändert sich nicht. Seltsamerweise handelt es sich um diejenigen, die über seine Grenze sind - daher die große Grenze in diesem Beispiel. Einstellen einer Hintergrundfarbe:

div { background-color: #fff; } 

behebt das Problem. Aber in diesem Fall ist das nicht möglich - ich brauche den DIV, um einen transparenten Hintergrund zu haben.

Ich bin in der Vergangenheit auf diesen Fehler gestoßen, aber ich kann nicht für das Leben von mir an den IE-Hack erinnern, um es zu beheben.

Answer 1

Versuchen Sie es mit einem transparenten Hintergrundbild.

Ich würde vorschlagen, eine 2x2 oder größer .gif, das ist alles transparente Pixel. Stellen Sie es auf x und y wiederholen und IE sollte kein Problem mit den Klicks haben.

Answer 2

Hatte das gleiche Problem und nicht gefunden eine bessere Lösung als die transparente gif. Beachten Sie, dass dieses Problem auch in IE8 für mich aufgetreten ist. Du brauchst kein 2x2 px gif, 1x1 px reicht aus.