旧版edge（12–18）完全不支持object-position，整条声明被解析器跳过，等同于未写；需改用background-position（如50% 50%）并确保容器有明确宽高，或通过js模拟，且必须真机预览微调视觉焦点。
object-position 在旧版 Edge（12–18）中根本不会生效——不是偏移不准，而是整条声明被解析器跳过，等同于没写。它和 IE 一样，对 object-fit 和 object-position 零支持。
为什么旧版 Edge 下 object-position 看似写了却完全没反应
旧版 Edge 不识别这两个属性，连计算样式里都查不到值；你看到的图片始终按默认 object-fit: fill 渲染，和 object-position 毫无关系。开发者工具可能显示该样式“已应用”，但那是解析层的假象，渲染引擎压根不处理。
- 检查 computed style 中是否存在
object-position值：若为空或显示为50% 50%（而非你写的值），基本可确认未生效 - 不要依赖
@supports (object-position: center)判断——旧版 Edge 会错误返回true，必须用实际渲染验证 - 若同时用了
transform或scale()，旧版 Edge 可能叠加错位，进一步掩盖问题根源
用 background-position 替代时的关键转换规则
改用 background-image 是最稳的纯 CSS 降级路径，但坐标逻辑完全不同：background-position 定义的是“背景图左上角”相对于容器 content box 的偏移，而 object-position 移动的是图像内容锚点。硬照搬会导致视觉焦点严重偏移。
飞书语音消息发送器。基于 Edge TTS，一键将文字转为语音发送到飞书。 使用场景： - 发送语音通知/提醒到飞书 - 文字转语音自动播报 触发词：飞书语音、语音发送、tts、文字转语音
-
object-position: 75% 25%≠background-position: 75% 25%；正确换算为：background-position: calc(100% - 75%) calc(100% - 25%)，即25% 75% - 像素值必须反向：例如
object-position: 20px 30px对应background-position: calc(100% - 20px) calc(100% - 30px) - IE11 和旧版 Edge 对
center center解析不稳定，务必写成50% 50% - 容器必须有明确宽高（不能仅靠内容撑开），否则
background-position失效
保留 <img> 标签时 JS 模拟的硬性前提
若必须保留语义、alt、懒加载或右键保存能力，就得用 JS 手动模拟。但旧版 Edge 下极易踩坑，以下条件缺一不可：
- 图片必须加载完成才能读取
naturalWidth/naturalHeight；未加载完时offsetWidth为 0，计算直接崩掉 - 缩放比必须基于
img.naturalWidth / img.naturalHeight和容器尺寸推导，不能依赖 CSS 计算值 - 需手动设置
transform-origin: center，否则translate()基准点错位（旧版 Edge 对 transform-origin 支持不全） - 动态插入的图片（如 Vue/React 渲染后）必须重新调用模拟函数，否则一次初始化就失效
最容易被忽略的视觉偏差来源
即使降级方案跑通，旧版 Edge 的裁剪基准点仍与现代浏览器不同：当容器宽高比与原图差异大时（比如竖版人像放进横版卡片），background-size: cover 的起始裁剪位置会偏移，导致脸部意外被切掉。理论值没用，必须在真实旧版 Edge 环境下预览，用 47% 53% 这类微调值对齐视觉焦点——这种偏差不会出现在 Chrome 或新版 Edge 中，上线前容易漏测。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
