DOM の下位にある別の要素に独自のプロパティが追加されている場合、h1要素はそのプロパティを失い、デフォルトで白の色に戻ります。mix-blend-modemix-blend-mode
コンテナー内のさまざまな要素が、それら自体にプロパティが与えられているときに、コンテナー内ではなく要素のプロパティをdiv壊しているように見えるため、この問題の原因を特定するのに非常に苦労しています。mix-blend-mode<h1>mix-blend-mode
この問題は、Chrome と Firefox でテストした場合にのみ Chrome で発生します。この問題は、何らかの理由で codepen や同様のものではなく、自分の Web サイトでのみ生成できます。
ここに私が取り組んでいるウェブサイトのドラフトがあります(Chrome で開きます!)
サンプル ビデオ要素 (ビデオを再生します。開始するまで 1 秒待つだけです) に (継続的に) カーソルを合わせると、h1そのプロパティが失わmix-blend-modeれ、白に変わります。これは私が望んでいないことです。サンプルビデオにカーソルを合わせたときに「ビデオ」テキストがプロパティを取得するようにしmix-blend-modeたいのですが、これはすでに正しく行われており、何らかの問題を引き起こしていると思います。
(多くの HTML 要素を取り除かなければならなかったため、css ファイルには何にも添付されていない余分な css がたくさんあります。)