ミエナイカベ

止まっていた仕事が動き出して本格コーディングの段階になったのですが、一部、前回から流用したコードが上手く機能しなくてつまづいちゃいました。
無駄な時間…　でもその前回も同じとこで失敗してたんじゃないかという…。

結局、jqueryで非表示にしてた部分のz-index値が前面に来ちゃってたのが原因でした。
特定のエリアを境にクリック出来たり出来なかったり。

でもコーディング段階の方がやっぱり楽しいかなｗ

スマホでcssが反映されない原因

まさか２日連続で記事を書くことになろうとは…
（今回は私が自分が書いたコードを忘れてたのが原因ですけど）

HPを更新して、スマホやタブレットの方で背景画像が新しいものに反映されない…
ああ　そうそう、といつものように　xxx.css？の後を修正したものの、反映されない…

しばらく色々格闘後、該当コードの下の方に目をやると…　これかぁー！　と問題を発見。
いや、問題でも何でもない…

メディアクエリを入れてただけだった。　そっちの背景画像が正しく参照されてただけだった！
アニメーションとかのコードを入れてたせいでコードが伸びてすぐに気づけなかった。
自分で書いたコードなのに時間が経って構造を忘れてしまいました。。

スマホ css 反映されないキャッシュ chrome などなど
色々検索してしまいました。
どうって事ない原因だったけど、同じような方がいて、ここに辿りついてハッとなってもらえたら幸いです。

ただ、文字を入れ替えただけのハズなのに、ちゃんと動かなくなる事ってありますよね。
きっとそれは妖怪のせいかもしれません…

なんて…一応治りました。

単に
a href="○○○.html#abc01" を a href="#abc01"　にしました。

ただ、ページ内やトップページならこれで良いけど、そうでないとやっぱりズレちゃう…
どうもjQuery（横並びスクロール）ぽい。。
（横並びの高さで計算されてないとかそんな感じ・・？）

その辺りが分かって来た折、こんなサイトを見つけました。
（ありがとうございます…！）
design-ya.net

//</head>の直前に
function now() {
window.location.reload(true);
}

今回の自分のケースではそこまでするべきなのかちょっと悩みますが
どうにも出来ないケースなら
たった数行のコードで何とかなるなら良いのかな？
（原因のjQueryのその辺りの部分を直したら（直せたら）スムーズにいくのかな）

にしても何故firefoxだけなのか。。
ローカルでは問題なく、要素を調査してる状態（した後）では正しい挙動になってると言う
いやーなやーつ。。　しかも何故今なのか…。（見落としてたはずはない…んだけど…）
それでもfirefoxは大事なブラウザです…！