터치 지원 UI의 편집기는 오버레이를 사용하여 iframe에 포함된 컨텐츠와 상호 작용합니다. 이러한 상호 작용으로 편집기와 개발자를 위한 두 가지 사용 모두에서 몇 가지 제한 사항이 발생합니다. 이 페이지에서는 이러한 제한 사항을 요약하고 가능한 경우 해결 방법 또는 해결 방법을 제공합니다.
작성자는 편집기를 사용하여 페이지를 작성할 때 다음과 같은 기능 제한 사항이 있을 수 있습니다.
페이지를 편집하면 링크가 활성화되지 않습니다.
페이지 이름은 structure
으로 지정할 수 없습니다. 이름 structure
인 페이지는 페이지 편집기에서 편집할 수 없습니다.
개발자는 편집기의 CSS 상호 작용에 다음과 같은 제한 사항이 있을 수 있습니다.
절대 위치의 요소는 오버레이 위치에 문제를 일으킬 수 있습니다.
vh
iframe 높이는 AEM에서 자동으로 조정되어야 하므로 단위가 지원되지 않습니다.
배경 이미지가 iframe 내에 내장되어 있어 스크롤할 때 고정된 배경 이미지가 고정으로 표시되지 않을 수 있습니다.
100% 높이는 페이지의 본문 요소에서 지원되지 않습니다.
body {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
본문 요소의 첫 번째 하위 요소에 여백이 있는 경우 여백 축소 문제를 확인할 수 있습니다.
body:before, body:after{
content: ' ';
display: table;
}