する質問をすることでしか得られない、回答やアドバイスがある。6前提・実現したいことphp/HTML5でwebサイトを作成しております。フロートメニューの文字について、スクロールなどで背景色が変わったときに見やすい文字色に(暗い背景なら白、明るい背景なら黒というように)動的に変化するようにしたいです。良い方法、あるいはそのような実装になっているサイトなどをご存じでしたら教えて頂けないでしょうか。試したことbackground-checkというライブラリを導入しましたがこれは画像にかかるところだけ判定して色を変えてくれる作りになっていて、cssで指定した背景色には反応してくれませんでした。(追記)上記ライブラリの画像以外の背景色にも対応してくれる版が欲しいということです他、jqueryで対象の文字列の座標を取得してその位置の背景の色を取得する方法を探しましたが見つかりませんでした。こちらの記事を参考にしております。明るい背景なら黒、暗ければ白、で良いと思っています(細かい指定もしたいですが時間がないので...)エレメントそのものの背景色を取得しても意味がないので、座標から背景色を取得したいのですが、それができておらず、具体的なソースも現在はありません。attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。14:24まずはご自身で書いてみたコード、調べた記事などを提示してください。ご自身で書いてみたコード、調べた記事などを提示してください。14:25「見やすい文字色」というのは確かに理論的には組み合わせがあるかとは思いますが、個人の感覚によるところも小さくはないです。どのように定義されるおつもりでしょうか?「見やすい文字色」というのは確かに理論的には組み合わせがあるかとは思いますが、個人の感覚によるところも小さくはないです。15:08「時間がない」のはあまり見ているほうには関係ないのですが、もし「自作するしかない」となった場合でもそれはそれで対応されるおつもりでしょうか?あげられているプラグインの改修では難しいのでしょうか。「時間がない」のはあまり見ているほうには関係ないのですが、もし「自作するしかない」となった場合でもそれはそれで対応されるおつもりでしょうか?あげられているプラグインの改修では難しいのでしょうか。件sort評価が高い順sort新着順sort古い順linkcheckベストアンサー+5midnight.jsというライブラリを使うことで、質問者さんが想像するような動作を実現できると思いますが、いかがでしょうか?サンプルとしてコードを載せておきますが、midnight.jsの詳しい使い方はこちらを参考にしてください。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。04:06まさに理想の動きでした!まことにありがとうございます!わかりやすいサンプルをつけて頂き、ランスルーがすぐにできたのもありがたかったです。わかりやすいサンプルをつけて頂き、ランスルーがすぐにできたのもありがたかったです。ご助言ありがとうございました!キャンセル完了するlink0ひとまず試してみてください。背景色に応じて文字色を白or黒に振り分ける同じサイトの別の記事ですが、こちらをベースに改修すればなんとかなりそうには思います。setTimeoutで常に現在位置の背景色を取得し、文字色をセットしていくイメージです。評価が高い回答ほどページの上位に表示されます。remove低評価2回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。04:05ご助言ありがとうございました!最終的にmidnight.jsで実装することができました。具体的な指導をしてくださったmts10806さんにもお礼申し上げます。ライブラリでは実装しきれなかった部分(アコーディオンメニューに対応していないなど)がありますので、ご助言を元に解決法を模索したいと思います。最終的にmidnight.jsで実装することができました。具体的な指導をしてくださったmts10806さんにもお礼申し上げます。ライブラリでは実装しきれなかった部分(アコーディオンメニューに対応していないなど)がありますので、ご助言を元に解決法を模索したいと思います。06:27ひとまず解決に向かったようで何よりです。解決に向かったようで何よりです。頂いたご意見への回答は行っておりません。