Bild als Cursor verwenden bei HTML?
also, wir müssen eine Website für ein Schulprojekt programmieren (IT-Schule) und ich wollte für den Vibe ein Image als Cursor einfügen. Auf mehreren Websites (und auch Chat GPT) hat es mir Code Beispiele gegeben, bzw war das eh immer derselbe, aber es funktioniert halt nd.
das wäre jz mein CSS bis jetzt,
und das zeigt es mir im Browser in der Konsole an (ich verwende Firefox), also der Code kann ja auf das Bild zugreifen.
Was ist das jetzt das Problem?
Ich arbeite in Visual Studio Code
2 Antworten
Die Pfadangabe wird nicht stimmen. Du gibst lediglich einen Dateinamen an. (kann funktionieren, wenn Seite und Datei im selben Ordner liegen) Es muss der korrekte Pfad zur Ressource angegeben werden. (absolut oder relativ)
Größe mit 30 x 30 Pixeln sollte passen. Du kannst den Cache von Deinem Browser löschen und die Seite wieder aufrufen. Teilweise wird der alte Inhalt aus dem Cache gezogen.
Wenn der Pfad stimmt könnte es daran liegen, dass cursor überlicherweise im Dateiformat .cur angegeben werden. Versuch mal deine .png mit diesem Konverter in eine .cur umzuwandeln und diese zu verlinken.
PNG Cursor müssen von Browsern unterstützt werden, genauso wie SVG Cursor.
https://developer.mozilla.org/en-US/docs/Web/CSS/cursor#supported_image_file_formats
naja, sie liegen ja im selben Ordner und ich kann von der CSS Datei direkt auf das Bild zugreifen