background-colorのrgbaが機能していないという指摘をもらった。しかし、自分の環境( mac os & Google Chrome, ios & safari )では見えている。
最初に思いついたのが「ベンダープレフィックスかな?」と。けれど、 can i use で確認したところ、そうではなさそうだ。https://caniuse.com/#search=rgba
そこで検索したところ、この記事( css - rgba is not working, when i had it working 5 minutes ago - Stack Overflow )にたどり着いた。要は、「余計なスペースが入っている」とのこと。
そこで自分のソースコードを確認。すると、
background-color: rgb(106, 52, 29, 0.5);
こうなっていた。rgbaのaがなかった。
よくこれで表示されていたな。むしろ描画して欲しくないな。