twenty seventeenをIEやedgeで表示すると画像が揺れる

解決済 yamatatsu
(@yamatatsu)

7年、 1ヶ月前
お世話になります。

twenty seventeenのテーマを使用しておりますが、chromeで表示すると問題ないのですが、
IEやedgeで表示させてスクロールすると、トップの画像やアイキャッチ画像が上下に揺れます。

何か対策のアドバイスが頂ければ幸いです。
宜しくお願い申し上げます。
- このトピックは7年、 1ヶ月前にのむらけい (Kei Nomura)が編集しました。理由: トピック主さんの申し出により、テーマカテゴリーへ移動しました。

3件の返信を表示中 - 1 - 3件目 (全3件中)

トピック投稿者 yamatatsu
(@yamatatsu)

7年、 1ヶ月前

モデレーター様

投稿する場所を間違えました。申し訳ございません。

テーマへ移動して頂けますでしょうか。

ご迷惑をお掛けして大変申し訳ございません。

モデレーターのむらけい (Kei Nomura)
(@mypacecreator)

7年、 1ヶ月前

@yamatatsu さん
わざわざありがとうございます。「テーマ」カテゴリーへ移動しました。

首題の件ですが、Twenty SeventeenではCSS3のobject-fitを使ってヘッダー画像をあんなインパクトある感じにしているようです。

▼参考サイト
http://blog.photosynthesic.jp/2017/01/%E3%80%90twenty-seventeen%E3%81%AE%E3%81%A1%E3%82%87%E3%81%93%E3%81%A3%E3%81%A8%E8%A7%A3%E8%AA%AC%E3%80%91%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%81%AEcss%E3%81%8C/

で、IEやEdgeは残念ながらこのobject-fitに対応していないので上記ページに記載のように、transformプロパティを使って試行錯誤して実装しているようなのです。

私の今の手元の環境はMacのためIEやEdgeで確認できず、「揺れる」というのがどんな感じなのか把握できていませんが、上記が限りなく犯人に近いようなきがします。

トピック投稿者 yamatatsu
(@yamatatsu)

7年、 1ヶ月前

@mypacecreator 様

カテゴリーの移動およびご回答ありがとうございます。

カフェサイトを作成中に気づいたのですが、microsoft側の対応を待ちます。

ありがとうございます。

3件の返信を表示中 - 1 - 3件目 (全3件中)

トピック「twenty seventeenをIEやedgeで表示すると画像が揺れる」には新たに返信することはできません。