- このトピックには20件の返信、3人の参加者があり、最後に
により2年、 8ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】16.1.3
【お使いの Snow Monkey Blocks のバージョン】14.1.1
【お使いの Snow Monkey Editor のバージョン】7.0.1
【お使いのブラウザ】Chrome
【当該サイトのURL】ローカルのため無し### 発生している問題
いつもお世話になっております。
ヘッダーをオーバレイ（上部固定／スクロール時背景白）にしたとき、
スクロールしてもロゴのカラーが変わらずに見えなくなってしまいます。
ロゴの位置をクリックすると、カラーが黒くなり表示されます。
しかし、そのままページトップに戻ると、今度はロゴのみ黒いままになってしまいます。
ご確認お願いいたします。
### 試したこと
いいねをした人: 居ませんこちらでも試してみました。
見た感じ意図した通り動作しているように見えます。Web フォントを使用していることが影響しているとか、環境依存の可能性もあるので実際のページで確認しないと原因わからないかもです…。
いいねをした人:
あれ、マジですか…
他で問題ないのなら良いのですが…
動画が貼れなかったので、こちらで確認いただけますかm(__)m
いいねをした人: 居ませんんーすみません、ちょっとわからないですね…。web フォントだけ外してみる、独自に追加している CSS を全部消してみるなどしてみると変化はないでしょうか。変化があれば原因が突き止めやすくなると思います。
いいねをした人: 居ません全てのプラグインを無効化、追加cssを全て削除したけど変わらずでした。
Edgeでも確認してみたけど、同じでしたね…
他のパソコンが無いため、私は確認できないのですが…他に打ち手ありますか？
いいねをした人:
横から失礼します。（もし規約違反などであればすみません、その場合は削除します。）
私のPCからも見てみたところ、藤田さんのおっしゃるような動作になっていますね。
CSS詳しくないので全然違うかもしれないし、そもそもあり得るのかわからないですが、
ひょっとしたら、OSの違いで動作が変わっているのではないでしょうか。ちなみに、私の方ではWindowsのEdgeとChromeで確認しました。
（macは所有していないので未確認です…）いいねをした人:
Windows で検証してみました。
Windows11 + Chrome 98.0.4758.102 = OK
Windows11 + Edge 99.0.1150.30 = NG
Windows11 + Edge 99.0.1150.36 = NGということで、僕の環境だと Edge では現象が再現できました。デベロッパーツールで CSS の動作を確認してみたのですが、CSS は正しく効いているけど表示は正しくされていないという状況だったので、Edge の不具合の可能性が高いのかなと思いました。
今はロゴテキストとグローバルナビゲーションの
div自体にcolorの設定があり、その中のリンクはそのdivのcolorを継承する（= 同じ色になる）ようになっています。これを継承という形ではなく、リンク自体に色設定をすると Edge でも正しく動きそうです。でもグローバルナビゲーションのほうは継承でもちゃんと反映されているのでなぜロゴテキストだけ NG なのかが意味不明できもちわるいですが…。もうちょっと検証してみます。いいねをした人:
- トピック「ヘッダーをオーバーレイ（上部固定／スクロール時背景白）にしたとき、スクロールしてもロゴのカラーが変わらない」には新しい返信をつけることはできません。