box-shadowがchromeでレンダリングされないという事象。(chrome以外では安定して表示されている)
box-shadow: 0 1px 3px rgba(0,0,0,0.25)
と指定していて、表示されない。
出たり出なかったりする、というのは、 スーパーリロードすると出ることがある ということ。
ちなみにレンダリングされていないときにデベロッパーツールでbox-shadowをon/offさせても効果はありません。
ググってもなかなか情報が出てこなくて、試行錯誤したんですが
box-shadow: 0 1px 3px 1px rgba(0,0,0,0.13);
というように第4引数のspread?を指定すると安定して表示されるようになりました。
(アルファの0.25を0.13にしているのはspreadを指定したために影が濃くなったので薄くしたという感じです)
chromeのバグだと思うんですが、謎です。
background-image が悪さしてる?
box-shadowとbackground-imageのあわせ技が問題あるという声も(未確認)