HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

GoogleChromeでのHTML5Canvasとz-indexの問題

位置が固定されているキャンバスにzインデックスを適用すると、停止すると、chromeは position：fixedが正しく設定されている他のすべての要素をレンダリングします。 これは、キャンバスのサイズが256X256ピクセルより大きい場合にのみ発生します。

h1とcanvasの両方を固定divでラップし、問題を解決します-

<div id = 'fixcontainer'>
   <h1>Test Title</h1>
   <canvas id = "backgroundCanvas" width = "1000" height = "300"></canvas>
</div>

以下はCSSです-

h1{
   position: fixed;
}
body{
   height: 1500px;
}
canvas{
   position: fixed; z-index: -10;
}

  1. [修正済み] Windows 10 での Google Chrome の黒い画面の問題 - PCAST​​A

    Windows PC で Google Chrome を起動するたびに黒い画面が表示されることがよくありますか?または、Chrome Windows が突然黒くなる問題に直面していますか?また、これは Chrome ユーザーが遭遇する最も一般的な問題の 1 つです。この記事では、Windows 10 で Chrome の黒い画面の問題を修正するためのさまざまな方法について説明します。 Google Chrome の黒い画面は、Windows のビルド番号によって異なり、場合によってはブラウザーのバージョンによっても異なります。通常、ブラック スクリーン エラーは、Windows 10 で実行

  2. Google Chrome の頻繁にアクセスするサイトが表示されない問題を修正

    Google Chrome で新しいタブを開くたびに、最も頻繁にアクセスしたサムネイルが起動画面に表示されます。そのため、次に新しいタブを開いたときに、サムネイルをクリックするだけで、お気に入りの Web サイトに移動できます。また、新しいブラウザーを開いたときにも表示されます (設定を有効にしている場合)。これは便利な機能ですが、多くのユーザーは、最新の Chrome アップデート後に Chrome で頻繁にアクセスするサイトが表示されないという問題に直面しています。このイライラする Google Chrome の新しいタブのサムネイルが表示されない問題にも直面している場合は、この記事が大い