■ WordPress のバージョン
6.6.2
■ テーマ・プラグインは全て最新版で確認してください。
確認しました。
■ テーマの種類
Katawara
■ テーマのバージョン
1.26.6
■ 期待する動作
Katawaraで制作したサイトの右上にフローティングバナーを設置したい。
■ 自分で試した事
z-indexを99999など。下記実際のバナーまわりのcss記述です。
.fixed_banner {
position: fixed; /* 追従させる為にfixedの値を記述 */
z-index: 99999; transform: translateZ(1px); /* 他の要素の下に隠れないように前面配置 */
top: 100px; /* 上から100pxのところにバナーを配置 */
right: 0px; /* 右から0pxのところにバナーを配置 */
background-color:transparent;
border-color:transparent;
}
.fixed_banner_pc {
border-radius: 10px 0px 0px 10px;
transition : 0.5s;
}
.fixed_banner_pc:hover {
opacity: 0.6;
}
■ 症状が発生するブラウザ
Safari
■ 実際の症状
連続の質問で失礼します。
Katawaraで制作したサイトの右上あたりにフローティングバナーを設置したのですが、Safariで閲覧すると表示されなくなってしまいます。Chrome、Microsoft Edge、Firefoxでは正常に表示されています。
サイドメニューがある左上にバナーを持ってくると、Safariでも表示されています。スクロースする右側のメインカラムではz-indexを99999などにしても、どうしても下になってしまうようです。
どうぞご教示ください。
よろしくお願いいたします。