Cum să ascundeți cursorul de pe site

Proiectul este de fapt un depozit online de software liber. Toți dezvoltatorii își pot plasa aici desenele și accesul la proiecte poate fi accesat de toți utilizatorii de oriunde din lume.

  • Suntem bucuroși să vă vedem în aplicație! Dacă aceasta este prima dată, accesați pagina de ajutor.

Cum să ascundeți cursorul de pe site

Pentru un dispozitiv cu ecran tactil, a fost necesar să vă asigurați că cursorul de pe ecran nu a fost afișat. Toate clicurile către aplicația principală au trecut printr-o touchscreen, iar cursorul mouse-ului a fost distras și a fost inutil. Nu puteți instala alte utilități, nu puteți modifica sistemul. În cazul meu, sarcina a fost facilitată de faptul că întregul design a funcționat pe motorul Internet Explorer, iar universalitatea browser-ului nu a fost necesară. Dar în procesul de rezolvare a problemei am decis să experimentez cu alte browsere și asta am primit.

Nu puteți ascunde cursorul de instrumentele CSS standard, dar există o capacitate documentată de a vă specifica cursorul folosind constructorul cursorului: url ('your_cursor.cur'). Aceasta este, teoretic, puteți crea un cursor complet transparent și apoi să îl aplicați pe site ca un cursor personalizat. Pentru a face acest lucru, se adaugă următoarele stiluri în CSS:

În teorie, totul pare să fie simplu, dar în practică sa dovedit că totul nu este la fel de neted cum ne-am dori. Browserele au fost testate versiunile Firefox 10-23, versiunile Internet Explorer 7-10, Google Chrome și Iron ale celor mai recente versiuni, Safari 5.1.7 și Opera 12.16.

Din toate browserele testate, în strictă concordanță cu descrierile standard, s-au comportat destul de ciudat, numai Internet Explorer, care a ascuns conștient cursorul și nu a afișat-o în nicio acțiune de pe pagină.

Puțin mai rău s-a confruntat cu sarcina Firefox: când se deplasează în jurul paginii, cursorul se afla uneori între elementele de aspect și în acel moment a devenit vizibil. Problema este rezolvată prin modificarea aspectului cu adăugarea unui element de încadrare pentru întregul conținut al paginii.


Cursorul care apare în Firefox

Chiar mai ciudate erau browserele de pe motorul WebKit, și anume Google Chrome și Iron. Cursorul complet transparent sa transformat brusc într-un pătrat negru. Dar dacă vopsiți cel puțin un punct din cursor, acesta este afișat imediat așa cum ar trebui, adică umplutura transparentă rămâne transparentă. O parte a problemei este rezolvată prin crearea unui cursor transparent cu o dimensiune de 1x1 pixeli. În acest caz, cursorul devine vizibil, dar un punct negru lonely încă atrage atenția mai puțin. În mod alternativ, punctul cursorului cu un pixel poate fi făcut în culoarea de fundal a site-ului, în acest caz va fi vizibil numai atunci când se deplasează peste text, elementele paginii cu designul unei culori diferite sau imaginile contrastante.


Cursor transparent în Chrome

Dezvoltatorii browserului cu zero roșu, ca de obicei, și-au demonstrat viziunea proprie, alternativă-străină de standarde web. În acest browser, atributul cursor CSS nu acceptă cursanții personalizați în nici un fel. În consecință, nu puteți ascunde sau deghiza cursorul.


Cursorul personalizat din Opera nu este acceptat

Rămâne să rezumăm. Nu am putut găsi calea universală de ascundere a cursorului, pentru fiecare browser este necesară implementarea soluției. Ei bine, am asigurat încă o dată că suportul standardelor web este încă pe conștiința dezvoltatorilor. Unele puncte comune sunt tratate mai mult sau mai puțin la fel, dar merită să se sapă un pic mai adânc - și toate, scoateți lumina, uscați vâslele.

Articole similare