HTML5已废弃<marquee>标签，behavior属性仅为IE特有且仅支持至IE10，现代浏览器完全不识别，故无通用兼容方案，只能对IE6–IE9降级使用<marquee>，其余浏览器需用CSS动画替代。
旧版 IE（IE6–IE10）原生支持 <marquee> 标签，但 HTML5 已废弃它，且 behavior 属性仅在 IE 中有效，其他浏览器完全不识别 —— 所以不存在“HTML5 兼容旧版 IE 滚动文字”的通用方案，只能做 IE 专属降级。
为什么 behavior 只能在 IE 中用
behavior 是 IE 特有的 CSS 属性，用于绑定 HTC（HTML Component）行为文件，标准中从未被采纳。现代浏览器（包括 Edge 14+）已彻底移除支持。你在 Chrome 或 Firefox 里写 behavior: url(marquee.htc)，CSS 解析器直接忽略，毫无效果。
常见错误现象：
• 页面在 IE 中滚动正常，Chrome 里文字静止不动
• 开发者工具看到 CSS 被标为 “invalid property name”
• 用 Autoprefixer 或 PostCSS 处理后该行被自动删掉
- IE6–IE9：支持
<marquee>标签及behavior+ HTC - IE10：默认禁用
<marquee>，需设document.documentMode = 5（即强制 Quirks 模式）才生效，极不推荐 - IE11+：
<marquee>和behavior均不可用
用 <marquee> 实现最简 IE 滚动（仅限 IE6–IE9）
这是唯一无需 JS、纯 HTML 的旧 IE 方案，但必须接受它是非标准、无语义、无法响应式控制的缺陷。
立即学习“前端免费学习笔记（深入）”；
<marquee behavior="scroll" direction="left" scrollamount="3" loop="infinite"> 这是一段向左滚动的文字 </marquee>
-
behavior="scroll"（默认值）：匀速滚动；"slide"滑入一次停住；"alternate"来回滚动 -
scrollamount控制速度（数字越小越慢），IE 下最小有效值通常是1，设0会卡死 - 不要依赖
width或height属性做尺寸控制 —— 在 IE7/8 的怪异盒模型下表现混乱 - 避免在
<marquee>内嵌套<img>或<div>：IE6–7 渲染易错位或触发 layout bug
现代替代方案：CSS @keyframes + 条件加载（推荐）
真正可行的兼容思路是：对 IE6–IE9 用 <marquee>，其余浏览器走 CSS 动画，并通过条件注释或 UA 判断隔离代码。
示例（服务端或构建时注入）：
<!--[if IE]>
<marquee behavior="scroll" direction="left">IE 专属滚动</marquee>
<![endif]-->
<!--[if !IE]>
<div class="marquee-wrapper">
<div class="marquee-content">现代浏览器滚动</div>
</div>
<style>
.marquee-wrapper { overflow: hidden; white-space: nowrap; }
.marquee-content {
display: inline-block;
animation: scroll-left 10s linear infinite;
}
@keyframes scroll-left {
0% { transform: translateX(100%); }
100% { transform: translateX(-100%); }
}
</style>
<![endif]-->
- 条件注释仅在 IE10 以下生效，IE11+ 和所有现代浏览器会忽略
<!--[if IE]> - 不要用 JS 检测
navigator.userAgent判断 IE —— 现代 UA 字符串常伪造，且 IE11 报的是"Trident"，不是"MSIE" - CSS 动画方案在 Safari iOS 15.4+ 有
transform渲染抖动问题，需加will-change: transform缓解
真正麻烦的不是怎么写滚动，而是怎么让滚动在不同设备上保持可读性：小屏幕滚动太快看不清，大屏又太慢显呆板。如果滚动内容含链接或交互元素，<marquee> 会导致焦点管理失效，键盘用户根本无法操作 —— 这些细节比“能不能动”更值得花时间处理。
