CSSでのbackground-imageで使える形式について

ホームページビルダーというソフトのテンプレートを使ってホームページを作成しています。CSSでのbackground-imageでは，pngが設定されています。画像が切り替わるような効果を付け加えたいのですが，アニメーションgifに変更してもうまく動きません。使用できない形式なのか教えていただけるとありがたいです。

No.2 ベストアンサー 回答者： t_fumiaki 回答日時： 2019/09/03 11:09

background-imageの仕様はアニメーション不可です。

Chromeは仕様に準拠していないので、可です。

他のブラウザは仕様に準拠してるので、表示されません。

この回答へのお礼

回答ありがとうございます。apngも試してみようと思いましたが、IE非対応ということで、断念しました。少しスッキリしました。

お礼日時：2019/09/03 11:42

No.1 回答者： naokita 回答日時： 2019/09/03 09:09

ホームページビルダーは初心者用ソフトですので、

ここの回答者さんの多くは利用していないし、テンプレートもHTMLもわからないので、詳細な回答は無理でしょう・・・

ただ、
HTMLや画像に関する仕様は同じですので、使用できない/表示できないなんて事はありません！
また、CSSのbackgroundでは、
.pngであろうが、.jpgや.gifであろうが、アニメーション.gifであろうが表示される仕様です。
まずは、
そのアニメーション.gifではなく、自分で作成したお試し用のテスト画像を設定してみる！
１，単画の.pngで試す。
２，単画の.gifで試す。
３，アニメーション.gifで試す。
順にやってみてその結果で、何が悪いのかわかってくる。まずは原因の追求からです！

この回答へのお礼

返信ありがとうございます。言われるようにテスト画像を試して原因を探ります。

お礼日時：2019/09/03 09:25