Adobe Express 商品海报里的价格被图片遮住时，怎样定位是图层顺序还是文本框位置问题？

先保护原稿并建立判断点

保留已批准的原始设计，先在副本上检查。不要一开始就拖动所有对象，因为同时改变图层顺序和位置会让问题难以追踪。页面中至少应能辨认三类对象：商品图片、价格文字和促销文字。

本文依据 Adobe Express 的 Layers 面板行为，适用于该网页编辑范围。Layers 面板会显示图片、文字、形状和视频对象的视觉堆叠关系；对象越靠前，越可能遮住后方对象。这里不把 Adobe Express 网页行为延伸到 Lightroom、Lightroom Classic 或移动端，也不假设其他客户端具有相同界面。

1. 复制或另存当前页面，保留原始版本作为回退依据。
2. 在副本中只选中价格文字，确认它对应的是价格对象，而不是商品图片或促销文字。
3. 打开 Layers 面板，记录价格层与商品图片层的相对前后位置。

虚构练习：用两个输入分离问题

Illustrative exercise（虚构练习）：制作一个含红色商品图、价格“¥129”和促销文字“限时优惠”的测试页面。输入 A 是价格看起来被商品图遮住的状态；输入 B 是价格可见但落在商品主体上的状态。先在 Layers 面板中确认价格层与商品图片层的相对顺序，再按观察结果进入对应分支。以下是人工演练示例，不是已运行 Adobe Express 得出的测试结果。

先观察输入 A：价格部分或全部被遮住。查看 Layers 面板，确认实际遮挡对象及其与价格层的前后关系。若商品图片位于价格层前方，只把价格层向前移动，再观察遮挡是否消失；若是其他对象遮挡，则先确认该对象的层级，再针对性调整。价格显现后，若仍压住商品主体，进入位置判断，不要继续无目的地交换层级。

再观察输入 B：价格文字可见，但覆盖商品主体的重要区域。先在 Layers 面板确认价格与商品图片的相对顺序；若价格已在预期层级，下一步是微调文本框位置，再预览完整页面。若调整后价格仍完整可读、商品主体清楚，则通过；若无法同时满足两点，则停止继续改动并回到副本重新评估布局。

先修层级，再修位置

当价格被图片直接遮住时，优先处理 Layers 面板中的前后关系。将价格层向前移动会改变对象的遮挡结果；不要先把价格拖到页面角落，因为那可能掩盖真正的层级错误。

如果价格层已经处于预期的前后位置，而文字仍覆盖商品主体，问题更可能是文本框位置。此时保留层级关系，只做小幅位置调整，并观察价格是否仍完整显示。若页面还有促销文字，也要确认调整后没有让它与价格形成新的遮挡。

1. 在 Layers 面板中选中价格层，执行向前移动的层级调整。
2. 观察价格是否从商品图片后方显现出来；若显现，记录层级修复结果。
3. 若价格仍遮住商品主体，移动价格文本框到不覆盖关键信息的位置。
4. 每次只改变一个因素，便于判断是层级还是位置造成了结果。

用完整页面预览验收

不要只盯着选中的文本框或局部区域。完成层级和位置调整后，预览完整页面，检查价格是否全部可读、商品主体是否仍清楚，以及促销文字是否保持预期的图层关系。

如果价格在完整预览中消失或部分被遮住，先在 Layers 面板确认实际遮挡对象及其与价格层的前后关系。只有确认商品图片位于价格层前方时，才向前移动价格层；若其他对象遮挡，则检查该对象的层级并针对性处理。若价格可读但商品关键信息被覆盖，则回到位置调整分支。只有当两项都满足时，才把副本作为待交付版本继续使用。

Adobe Express 的锁定功能可帮助避免误移动对象，但锁定对象不等同于组织强制执行的模板权限。本文只把锁定作为防止误拖动的辅助措施，不把它当作解决遮挡的层级修复。

1. 预览完整页面，而不是只检查当前选中的对象。
2. 确认价格文字完整可读，商品主体清楚，促销文字没有产生未预期的遮挡。
3. 若验收失败，按“先查 Layers 面板、再调文本框位置”的顺序回退到副本处理。
4. 通过后保留原始版本和修正副本，避免用测试调整覆盖批准稿。

下载本题核对表

表内为虚构练习数据。保留示例作参考，另存一份并填写你自己的输入、观察和判断；示例不是测试回执。

虚构练习记录表：价格遮挡诊断 (CSV)