触屏优化UI中的编辑器利用叠加与iframe中限制的内容交互。 此交互在编辑器的使用方面以及对于开发人员而言都有一些限制。 本页概括了这些限制,并尽可能提供解决方案或解决办法。
使用编辑器创作页面时,作者可能会遇到以下功能限制。
当编辑页面时,链接不处于活动状态。
不能命名页面structure
。 名为structure
的页面在页面编辑器中将不可编辑。
开发人员在编辑器与CSS的交互时可能会遇到以下限制。
绝对定位的元素可能导致其叠加位置出现问题。
vh
不支持iframe高度,因为AEM必须自动调整iframe高度。
由于固定背景图像嵌入在iframe中,因此在滚动时,固定背景图像可能不显示为固定。
页面的正文元素不支持100%高度。
body {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
如果主体元素的第一个子元素具有边距,则可以看到边距折叠问题。
body:before, body:after{
content: ' ';
display: table;
}