皆さんこんにちは、時空 解です。

私が運営しているサイト「数検に挑戦中　通過点のはずが (旧：50代から理数を学ぶ) 」に

・ Anser ボタン　(Anser ボタンの利用方法 ページ参照)

という機能があります。
この Anser ボタン。数学の公式を暗唱するときに利用できるよう、数式をグレー色でマスキング (隠す) してあるものなのですけどね。
(下記サンプル参照)
 

---

　　　三角形の面積、ヘロンの公式

 

---

このマスキングがパソコン上ではちゃんと文字・ 数式を隠すことができているのですがスマホ上ではちょっと問題がありました。
マスキングの下から、文字がうっすらと見えてしまっていたんです。( ^^;

でも昨日、この原因がわかりました。

スマホでは HTML の css 機能として text-shadow が働いていたのです。
文字・数式の字の影が表示されるようになっていて、その陰の色がグレー色ではなかったのですよね。
それで文字の影がグレー色のマスキングの下から浮かんで見えていました。

これを解消するために "Anser ボタン" を作っているソースコードに下記を追記した次第です。

    text-shadow: none;

これで文字・ 数式にシャドーが付かなくなり、グレー色のマスキングで完全に文字・数式が見えなくなりました。
本来ならば "Anser ボタン" を作成した時点でスマホにも気を配るべきだったのですが…当時は私、まだスマホを持っていませんでしたからね…ご勘弁を。( ^^;

でもこれで、やっと時代遅れから少しは前に進めました。

これからはスマホでも「定理・公式 (見直しの習慣)」のコンテンツが少なからず利用できると思います。
答えがうっすらと見えてしまっていては、利用する気に成れませんよね。

いまだにうっすらと答えが見えるようでしたら、一度ブラウザアプリの「ストレージとキャッシュ」のところで「キャッシュの削除」をしてみてください。


・スマホの「設定」→「アプリ」→「ブラウザアプリ (chrome など)」→「ストレージとキャッシュ」。
ここまで操作したら「キャッシュの削除」というアイコンをクリックしてみてください。


以前開いたページがお持ちのスマホ内に残っていると、そのページが開かれてしまいますのでね。ご注意を。

これからはスマホでも
「定理・公式 (見直しの習慣)」
のコンテンツを利用して頂ければ幸いです。
コンテンツも増やして行こうと思っているところです。

では今日も１日の習慣を始めてます。小さな一歩・挑戦を試みています。
( ブログのコメント欄は 2022-04-16 に閉鎖いたしました )