WordPressにてiphoneで一部画像が表示されない原因教えてください

WordPressにて自作サイトを作成し公開しました。
PC,タブレット上では背景画像等は全て表示されていますが、Iphoneでは一部表示されません

css
1  nav.nav-hb {
2    display: block;
3    position: fixed;
4    top: 0;
5    left: -60%;
6    bottom: 0;
7    width: 60%;
8    background-image: url(img/about_bg2.png);
9    background-repeat: repeat;
10    overflow-x: hidden;
11    overflow-y: auto;
12    -webkit-overflow-scrolling: touch;
13    transition: all .5s;
14    z-index: 99999;
15    opacity: 0;
16  }

上記にて about_bg2.jpg が表示されず
こちらはハンバーガーメニューの背景画像で、小さい画像をrepeatで繰り返し背景画像としたものです。
こちらはPC上では表示されましたが、、、何が原因かわかる方教えていただけないでしょうか？

m.ts10806

2020/01/23 21:54

表示される画像はどんなものでしょうか

Lhankor_Mhy

2020/01/24 01:18

「一部表示されません」とは具体的にはどのような現象ですか？結果（実際に起きたこと）を書きましょう https://teratail.com/help/question-tips#questionTips3-4-1 期待した処理結果を書きましょう https://teratail.com/help/question-tips#questionTips3-4-3

行動規範の内容に同意します

回答1件

もう試されているかもしれませんが…
ChromeのデベロッパーツールでiPhone用の画面を表示した場合も画像は表示されないのでしょうか？
デベロッパーツールで該当の要素に適用されているCSSを確認してみて、display:noneがないかとか。
あと、Androidのスマホでは画像は表示されているのでしょうか？

投稿2020/01/25 01:54