Im Beispiel unten, wenn Sie auf Icons schweben, sollte der Cursor in einen anderen geändert werden. Es funktioniert mit Ausnahme von IE 8. Im IE 8 sind diese Icons nicht sichtbar, d.h. nicht nur der Cursor ändert sich nicht, sondern auch das Jquery-Klickereignis wird nicht ausgelöst. Betrachten Sie, wie der folgende HTML-Code in FF, IE7 und schließlich in IE8 funktioniert:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS IE 8 cursor test</title>
<style type="text/css" media="screen">
.icon-button {
float: left;
cursor: pointer;
}
.ui-icon { width: 15px; height: 10px; background-image: url(http://sstatic.net/so/img/replies-off.png); }
</style>
</head>
<body>
<div class="icon-button ui-icon"></div>
<div>Sample Text</div>
</body>
</html>Was könnte die Ursache des Problems sein? Was könnten mögliche Umgehungslösungen sein?
Vielen Dank im Voraus.
P.S. Eine Änderung des DOCTYPE ist nicht wirklich möglich.
Auch wenn ich die Schwimmer: links auf diesem Beispiel scheint es wie "behoben", aber wenn ich es auf einer Website zu entfernen, abgesehen von defekten Design, es hilft auch nicht.
