Hogyan lehet elrejteni a kurzort a webhelyen?
A projekt valójában egy szabad szoftver szabad tárház. Valamennyi fejlesztő itt elhelyezheti terveit, és a projektekhez való hozzáférés a világ bármely pontjáról érhető el.
- Örülünk, hogy meglátjuk az alkalmazást! Ha ez az első alkalom, menjen a súgóoldalra.
Hogyan lehet elrejteni a kurzort a webhelyen?
Egy eszköz érintőképernyőjén keresztül biztosítani kell, hogy a kurzor a képernyőn ne jelenjen meg. Az összes főbb alkalmazáshoz érkező kattintás érintőképernyőt adott, és az egérmutató csak zavart és felesleges volt. Nem telepíthet további segédprogramokat, és nem változtat a rendszeren. Az én esetemben a feladatot megkönnyítette az a tény, hogy az egész design az Internet Explorer-ben dolgozott, és a keresztböngésző általánossága nem volt szükséges. De a probléma megoldásánál úgy döntöttem, hogy kísérleteznek más böngészőkkel, és ez az, amit kaptam.
Rendszeres segítségével CSS egyszerűen elrejti a kurzort nem lehet, de van egy dokumentált képes beállítani a kurzort a kurzor design: url ( 'vash_kursor.cur). Vagyis elméletben teljesen átlátható kurzort hozhat létre, majd alkalmazhatja a webhelyen egyéni kurzorként. Ehhez a következő stílusokat kell hozzáadni a CSS-hez:
Elméletileg minden úgy tűnik, hogy egyszerű, de a gyakorlatban kiderült, hogy minden nem olyan sima, mint szeretnénk. A böngészők tesztelése a Firefox 10-23 verziói, az Internet Explorer 7-10 verziói, a Google Chrome és a vas a legújabb verziók, a Safari 5.1.7 és az Opera 12.16.
Az összes böngészők tesztelt szigorú szabvány szerint leírások viselkedett furcsán, csak az Internet Explorer, azaz a jóhiszemű és tegye a kurzort, nem mutatta ki semmilyen műveletet az oldalon.
Valamivel rosszabb I megbirkózott a feladattal Firefox: ha mozog az egér körül az oldalon néha megtalálható a terek elemei között az elrendezés, és abban a pillanatban vált láthatóvá. A problémát úgy oldja meg, hogy az elrendezést módosítja az oldal teljes tartalmához tartozó keretelem hozzáadásával.
A megjelenő kurzor a Firefoxban
Még furcsabbak voltak a böngészők a WebKit motorban, nevezetesen a Google Chrome és a Vas. A teljesen átlátszó kurzor hirtelen fekete térré változott. De ha a kurzorban legalább egy pontot festesz, akkor azonnal megjelenik, vagyis az átlátszó töltés átlátszó marad. A probléma egy részét úgy oldja meg, hogy egy átlátszó kurzort hoz létre 1x1 pixel méretben. Ebben az esetben a kurzor, bár láthatóvá válik, de a magányos fekete pont még mindig kevés figyelmet vonz. Egy másik változat szerint egyetlen pixel pont a kurzort lehet tenni a háttér színét a helyszínen, ebben az esetben csak akkor lesz látható, ha mozog a szöveg fölött, oldalelemek és a design egy másik színt, kontrasztos képet.
Átlátszó kurzor a Chrome-ban
A vörös zéró böngészőjének fejlesztői, mint rendesen, bemutatták saját, alternatív, más világi látását a webes szabványoknak. Ebben a böngészőben a CSS kurzor attribútum semmilyen módon nem támogatja az egyéni kurzorokat. Ennek megfelelően nem tud elrejteni vagy álcázni a kurzort.
Az egyéni kurzor az Opera-ban nem támogatott
Összefoglalva marad. Nem találtam az univerzális módot a kurzor elrejtésére, minden böngésző számára megoldást kell végrehajtania. Nos, ismét meggyőződtem arról, hogy a webes szabványok támogatása még mindig a fejlesztők lelkiismerete. Néhány közös pontot többé-kevésbé ugyanolyan módon kezelnek, de érdemes egy kicsit mélyebb ásni - és minden, tegye ki a fényt, szárítsa meg az evezőket.