編集者の制限事項 editor-limitations

タッチ操作対応 UI のエディターは、オーバーレイを使用して iframe に含まれるコンテンツを操作します。 この操作には、エディターの使用と開発者に対していくつかの制限事項があります。このページでは、これらの制限事項をまとめ、可能な限り解決策や回避策を提供します。

機能の制限事項 functional-limitations

作成者は、エディターを使用してページを作成する際に、次の機能上の制限を受ける場合があります。

リンクがアクティブにならない links-not-active

ページの編集時に、リンクがアクティブになりません。

構造ページ structure-pages

ページに名前を付けることはできません structure. という名前のページ structure は、ページエディターで編集できません。

CSS の制限 css-limitations

開発者は、エディターでの CSS の操作に次の制限を受ける場合があります。

要素が絶対配置される absolutely-positioned-elements

絶対配置された要素により、そのオーバーレイの位置に問題が生じる可能性があります。

vh 単位 vh-units

vh iframe の高さはAdobe Experience Manager(AEM) によって自動的に調整される必要があるので、単位はサポートされません。

固定の背景画像 fixed-background-images

固定の背景画像は iframe 内に埋め込まれるので、スクロール時に固定されて表示されない場合があります。

100 ％の高さ height

ページの body 要素では、100 ％の高さはサポートされていません。

body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

余白の折りたたみ margin-collapsing

余白の折りたたみの問題は、body 要素の最初の子要素に余白がある場合に発生することがあります。

body:before, body:after{
    content: ' ';
    display: table;
}