WordPressにてページ内の文字と重ならない追従バーを追加したい。

Question

実現したいこと

WordPressにてページ内の文字と重ならない追従バーを追加したい。

前提

WordPressにて追従バーを追加したのは良いが、
ページ内の文字をかぶる現象が発生してしまい、
見た目が気持ち悪いので、解決したい。

発生している問題・エラーメッセージ

エラーメッセージ
特になし

該当のソースコード

htmlを使用

ソースコード

<div class="bottom-fixed-button"> <button class="fixed-pc">こちらのページの相場情報は<font color="red"><u><b>2023年11月10日</b></u></font>時点の物です</button> </div>

試したこと

z-indexを導入してみましたが、解決しませんでした。

補足情報（FW/ツールのバージョンなど）

バージョン情報
WordPress: 6.1.1
SWELL: 2.7.1.1
PHP: 7.4.33

よろしくお願いします。

Answer 1

z-indexを使用することで直りました。
ご回答ありがとうございました。

Answer 2

z-indexを設定しても解決しなかったとのことですが、
.bottom-fixed-buttonにz-indexを設定していますか?
設定しているとなると、「フィギュアのタイトル」と「フィギュアのレア度等が書かれている文」のz-indexに、数字が負けていることになります。

やることは、

1. .bottom-fixed-buttonにz-indexを設定し、適応できているかをデベロッパーツールで確認
2. 番号リスト「フィギュアのタイトル」と「フィギュアのレア度等が書かれている文」、それらの親要素のz-indexの値を確認し、それ以上の数値を.bottom-fixed-buttonに設定する。

です。

これで解決しない場合、HTMLとCSSを見てみないと原因がわかりません(他の人からの回答がない理由はここにあります)。

Comments

[tanakatarou222]

ありがとうございます。
すいません、私が早とちりだったようです。
z-index反映後、少し時間差で反映されておりました。
本当にすいません。