Benutzerdefinierte cursor-Bild funktioniert nicht in allen IEs?

Ich glaube, ich habe versucht, verschiedene Methoden vorgeschlagen, die alle über das internet, aber nichts funktionierte. Dies ist meine aktuelle css-code:

div {
   cursor: url(images/zoomin.cur), auto;
}

Es funktioniert einwandfrei außer im IE...

bitte bestätigen Sie, dass Ihr Bild 32 x 32 Pixel oder weniger.
es ist 21x32 Pixel.

InformationsquelleAutor jilseego | 2011-09-14

css cursor

16

Leider cursor ist schlicht buggy im IE, zumindest bis einschließlich 8

In Internet Explorer für Windows bis einschließlich version 8, wenn ein
relativen URI-Wert angegeben ist, in eine externe style sheet-Datei die
Basis-URI ist als der URI des Dokuments mit den
element und nicht die URI der style sheet, in dem die Erklärung
erscheint.

http://reference.sitepoint.com/css/cursor

Möchten Sie vielleicht in der Lage sein zu verwenden conditional comment Ziel IE und dann füttern Sie es zu einem geänderten Stil in der Regel mit einem anderen url.

einschließlich IE 9? es funktioniert nicht über IE 9...
Umfassen könnte IE9 auch. Sicher nicht. War stützend meine Kommentare auf die tests von Sitepoint.
Derzeit noch buggy im IE 10 als auch
Noch buggy im Edge-Browser

InformationsquelleAutor Jason Gennaro

Ich löste auf diese Weise für die greifen cursor im Internet Explorer, unter Berufung auf die @JasonGennaro's Antwort:

In Internet Explorer für Windows bis einschließlich version 8, wenn ein
relativen URI-Wert angegeben ist, in eine externe style sheet-Datei die
Basis-URI ist als der URI des Dokuments mit den
element und nicht die URI der style sheet, in dem die Erklärung
erscheint.

.grab_cursor {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: url('../img/cursors/openhand.cur'), url('img/cursors/openhand.cur'), n-resize; /* standard: note the different path for the .cur file */
    cursor: url('img/cursors/openhand.cur'), n-resize\9; /* IE 8 and below */
    *cursor: url('img/cursors/openhand.cur'), n-resize; /* IE 7 and below */
    _cursor: url('img/cursors/openhand.cur'), n-resize; /* IE 6 */
}

Dateien Baum:

index.html
css/style.css -> here the posted code
img/cursors/openhand.cur

Gute Referenzen:

Arbeiten Demo:

Demo

InformationsquelleAutor Riccardo Volpe

2

Da verschiedene Browser behandeln die relative URI ' s anders, die cursor-Stil erlaubt eine Liste von urls. Sie können ein Weg, der funktioniert für den IE und eine für andere Browser:
```
div {
   cursor: url('app/images/zoomin.cur'), url('zoomin.cur'), auto;
}
```
In meinem setup die erste url, die funktioniert für IE11 (und früher), weil das Skript, das verwendet sich der cursor im 'cgi-bin/app", während die .cur und .css-Dateien werden im 'app/Bilder'. Der IE verwendet das document-location als base, so muss ich hinzufügen mehr Weg Informationen zu suchen, die cursor-Datei. Die zweite url funktioniert in Firefox da .cur und .css sind in der gleichen Lage und Firefox verwendet .css Position als die Basis, so dass zusätzliche Pfad-Informationen wird nicht benötigt.

InformationsquelleAutor willwong
1

Aus der msdn-Dokumentation:
url(uri)
Internet Explorer 6 und höher. Cursor definiert ist, die vom Autor über einen benutzerdefinierten URI, wie url('mycursor.cur'). Cursor-Typ .CUR und .ANI sind die einzige unterstützte cursor-Typen.

InformationsquelleAutor Elyasaf
0

aus : http://www.w3schools.com/cssref/pr_class_cursor.asp

Die cursor-Eigenschaft unterstützt wird in allen gängigen Browsern.

Hinweis: Opera 9.3 und Safari 3 unterstützen keine URL-Werte.

Hinweis: Der Wert "inherit" wird nicht unterstützt, im IE7 und früher. IE8
erfordert ein !DOCTYPE. IE9 unterstützt "Erben".

InformationsquelleAutor VdesmedT

Arbeiten in DH Sie müssen geben Sie den vollständigen Pfad zur AKTUELLEN Datei. E. g.:

html {
    cursor: url("../img/cursor.png"), url("http://www.example.com/dist/assets/img/cursor.cur"), default;
}

InformationsquelleAutor Adam Pery

0

diese eine Arbeit für mich erwies sich in IE10, INDIZIERT in der von index.html( Sie müssen verwenden Sie absolute Routen)
```
<style type="text/css">
    .container{
    cursor: url(http://path/of/folder/image.cur), default !important;
        }
</style>
```
InformationsquelleAutor Tbars84
-1

Versuchte ich mit .ani und .gif-und es funktioniert. Es sollte so gehen:
```
body {
cursor: url(images/dog.ani), url(images/dog.gif), progress !important;
}
```
Diese css funktioniert für meine website in chrome, firefox und IE.

InformationsquelleAutor Alex

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.