はじめに
本スキンでは、アピールエリアの背景画像を固定表示する際のiOS特有の問題について対策しています。
その問題の詳細と、どのように対策を施しているかについて説明します。
現象
図1に示すように、Cocoon設定→アピールエリア→エリア画像の「アピールエリア背景画像の固定」をオンにします。
ただし、注記に記載されている通り、iOSではこの設定が正しく動作しません。
原因
iOSでは、background-attachment: fixed;とbackground-sizeを使用した場合、背景画像が意図通りに固定表示されない問題が発生します。
対策
background-attachment: fixed;とbackground-sizeを使用しない方法で対策しています。
さいごに
本対策により、iOS環境でもアピールエリアの背景画像を固定表示できるようになります。
この解決策を適用することで、背景画像の表示が一貫し、デザインの統一性が保たれます。
