移动端图片加载失败时图标异常？检查 -moz-force-broken-image-icon 属性
检查 CSS 中的 -moz-force-broken-image-icon 属性设置，确认是否强制显示了破损图标。
检查图片元素是否设置了该属性
在移动端页面中，如果图片链接失效，浏览器通常会显示默认的破损图标。但如果图片元素上设置了 -moz-force-broken-image-icon 属性，即使图片有 alt 文本，也会强制显示破损图标。检查步骤是打开浏览器开发者工具，选中失效的图片元素，查看其内联样式或 CSS 文件中是否存在该属性。如果发现该属性被设置为 1，说明这是导致图标异常的原因。
该属性仅适用于 Gecko 内核的浏览器，如 Firefox。在 Chrome 或 Safari 等非 Gecko 浏览器上，该属性不会生效。检查时需注意浏览器类型，确保是在支持该属性的浏览器上进行测试。如果页面主要面向移动端 Firefox 用户，且确实需要强制显示破损图标，则该设置是合理的；否则应将其移除，以恢复正常的 alt 文本显示。
确认属性值是否为 1
-moz-force-broken-image-icon 属性的值是一个整数。当值为 1 时，会强制显示破损图标，即使图片有 alt 属性。当值为 0 时，图片将按常规处理，仅显示 alt 文本。检查时需确认属性值是否被错误地设置为 1。如果该属性被误写或误用，会导致图片加载失败时显示错误的视觉反馈。
除了检查属性值，还需确认该属性是否被错误地继承。虽然该属性默认不继承，但如果父元素设置了该属性且未显式重置，子元素可能会受到影响。检查 CSS 规则时，应确保图片元素没有受到不必要的影响。如果发现该属性被错误地应用，将其值改为 0 或直接删除该属性即可解决问题。
验证 alt 文本是否被遮挡
当 -moz-force-broken-image-icon 被设置为 1 时，破损图标会与 alt 文本一起显示。如果图片元素没有设置高度或高度设置过小，alt 文本可能不可见。检查步骤是查看失效图片的渲染结果，确认 alt 文本是否被破损图标遮挡。如果发现 alt 文本不可见，需调整图片元素的高度或宽度，确保 alt 文本能够正常显示。
该属性的使用不被推荐，因为标准做法是使用 alt 属性提供图片的替代文本。如果图片加载失败，浏览器会自动显示 alt 文本。强制显示破损图标可能会影响用户体验。如果确实需要强制显示破损图标，应确保 alt 文本清晰可见，并避免使用过小的尺寸。检查时，应优先考虑使用标准的 alt 属性，而不是依赖非标准属性。
确认浏览器兼容性
-moz-force-broken-image-icon 是一个非标准属性，仅被 Gecko 内核的浏览器支持。在移动端，Firefox 是唯一支持该属性的浏览器。检查时需确认目标用户使用的浏览器是否支持该属性。如果页面主要面向其他浏览器用户，该属性不会生效，也不会影响显示效果。如果页面主要面向 Firefox 用户，且确实需要强制显示破损图标，则该属性是可用的。
由于该属性是非标准的，且可能在未来被移除，不建议在新项目中使用。如果确实需要强制显示破损图标，应考虑使用其他方法，如 JavaScript 监听图片加载事件并显示自定义提示。检查时，应评估该属性的必要性，并优先考虑使用标准方法。如果该属性被误用，应尽快移除，以避免潜在的问题。
资料与延伸阅读
你可以通过以下原始资料核对文中概念，并继续深入阅读。