14
HTMLページ全体の上にカーソルを置く
カーソルをHTMLページ全体で簡単に「待機」するように設定することはできますか？アイデアは、ajax呼び出しが完了している間に何かが起こっていることをユーザーに示すことです。以下のコードは、私が試したものの簡単なバージョンを示しており、私が遭遇した問題も示しています： 要素（＃id1）にカーソルスタイルが設定されている場合、ボディに設定されているものは無視されます（明らかに） 一部の要素にはデフォルトのカーソルスタイル（a）があり、ホバー時に待機カーソルが表示されません body要素はコンテンツに応じて特定の高さを持ち、ページが短い場合、カーソルはフッターの下に表示されません テスト： <html> <head> <style type="text/css"> #id1 { background-color: #06f; cursor: pointer; } #id2 { background-color: #f60; } </style> </head> <body> <div id="id1">cursor: pointer</div> <div id="id2">no cursor</div> <a href="#" onclick="document.body.style.cursor = 'wait'; return false">Do something</a> </body> </html> 後で編集... それはFirefoxとIEで動作しました： div#mask { display: none; cursor: wait; z-index: 9999; …