18

Web ページ上のすべてのマウス カーソルを非表示にする次の CSS があります。Firefox では問題なく動作しますが、IE と Chrome では動作しません。

html {
    cursor: none;
}

Chrome では、常にマウス ポインターが表示されます。ただし、IE では、画面に入ったときに最後に「アクティブ」だったカーソルが表示されます。おそらく、最後の選択を削除するのではなく、保持しています。

4

6 に答える 6

22

このプロパティcursor:none;は標準の一部ではありません

ここw3c カーソル CSS プロパティを参照してください。

Javascript または JQuery を使用して非表示にすることを検討することをお勧めします。

また、空白のカーソル ファイルを参照してください。

そしてajax ソリューションへの最後のリンクです。

Chrome はビルドされて以来、この問題を抱えていました。報告がChromiumの人々に送信されており、彼らはそれに取り組んでいると思います。

また、IE で何かが動作するとは信じないでください。これまで。:P

于 2010-04-14T09:02:54.657 に答える
11

私は最近同じ問題を抱えていて、Google Chrome でポインターを非表示にする良い解決策を見つけました。

これは、url プロパティのW3C 定義です。

カスタム カーソルへの URL のカンマ区切り。注: URL 定義のカーソルを使用できない場合に備えて、常にリストの最後に汎用カーソルを指定してください。

したがって、完全に透明ではない画像への URL を定義し、その後にデフォルトのポインターを続けることができます。

cursor: url(img/almost_transparent.png), default;

完全に透明な png を選択した場合、Chrome は代わりに黒い四角形を表示しますが、少なくとも 1 ピクセルが透明でない png を選択した場合は機能し、誰もポインターに気付かないでしょう.

于 2010-07-16T10:42:17.327 に答える
7

ブラウザ間で機能するものを見つけるのは大変です。

以下のコードは、Chrome、IE、および Firefox で動作します。IE は .cur ファイルが好きで、Chrome は埋め込まれた png が好きで、一部のブラウザーは実際には none を尊重します :)

div {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
    url(images/blank.cur),
    none;
}
于 2012-11-28T14:54:50.360 に答える
0

したがって、これに対処する最善の方法は、ポインター ロック API です。

https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock

マウス カーソルは非表示になりますが、マウスの動きに関するデータにもアクセスできます。

于 2013-07-01T16:11:37.193 に答える
-1

CSSで： * { cursor: url(cursor.png), none !important }

于 2014-12-19T00:07:31.833 に答える
-5

java.awt.robot クラスで非表示のアプレットを使用して、カーソルを画面外に移動します。一番左下隅と言います。

于 2010-04-20T21:51:45.827 に答える