ie8及更早版本不支持position:sticky，且对relative/absolute子元素盒模型计算有偏差；picture/srcset被ie11及以下忽略，需fallback img；background-image定位更稳妥；js修正时需注意offsetparent和事件绑定差异。
用 position 定位图像时旧浏览器报错或失效
IE8 及更早版本不支持 position: sticky，且对 position: relative/absolute 的子元素盒模型计算有偏差（尤其当父容器未设 height 或 overflow 时）。不是语法写错了，而是渲染引擎根本不识别某些定位行为。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 确认目标浏览器范围——如果必须支持 IE7–8，就彻底放弃
sticky和transform配合的定位方案 - 用
position: absolute时，确保父容器有position: relative且非static（IE7+ 支持，但 IE6 会“溢出”到视口顶部） - 避免在 IE8- 中依赖
calc()计算top/left值，它完全不识别，可改用固定像素或 JS 动态计算
HTML5 新增的 picture 和 srcset 在旧浏览器里直接被忽略
IE11 及以下、Android 4.3 以前的 WebView 完全不解析 <picture></picture> 标签，会跳过整个结构，只 fallback 到内部的 <img alt="HTML5图像位置怎么确定旧版浏览器不支持咋办_旧版兼容处理办法【解答】" >（如果有），否则空白。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 永远把兜底
<img src="..." alt="HTML5图像位置怎么确定旧版浏览器不支持咋办_旧版兼容处理办法【解答】" >放在<picture></picture>最内层末尾，而不是靠src属性撑场子 - 不要指望
srcset+sizes在旧环境生效，它们会被静默丢弃；需要响应式图像时，用 JS 库如picturefill（v3 支持 IE8+） - 若只用
<img srcset="..." alt="HTML5图像位置怎么确定旧版浏览器不支持咋办_旧版兼容处理办法【解答】" >而不用<picture></picture>，IE 会退化为加载src，所以务必保留src属性
用 background-image + background-position 替代 inline 图像定位更稳妥
CSS 背景图的定位能力在 IE6 就已稳定支持，比 HTML 图像的布局控制更可靠，尤其适合图标、装饰性图像等不需要语义化的场景。
