不能。IE6–8 完全不支持 linear-gradient，含该函数的 CSS 声明会被整条忽略；\_background-image 是 IE6–7 私有 hack，仅支持单图且无法与渐变共存或叠加。
IE6–8 下 _background-image 能否和 linear-gradient 共存？
不能。IE6–8 完全不支持 linear-gradient，任何包含该函数的 CSS 声明在这些浏览器中会被整条忽略——包括它前面用空格或逗号隔开的其他背景值。而 _background-image 是 IE6–7 的私有 hack，仅作用于单个背景图，无法“叠加”一个现代渐变声明。
background 多层语法里能否混用旧图与新渐变？
可以，但必须用标准多背景语法，且所有层都需被目标浏览器支持。IE6–8 不认多背景，所以这种写法天然放弃兼容它们；现代浏览器则按顺序叠放，从上到下绘制：
- 第一层（最上）：
url("overlay.png") - 第二层：
linear-gradient(to bottom, #fff, #eee) - 第三层：
url("texture.jpg")
div {
background: url("overlay.png"), linear-gradient(to bottom, #fff, #eee), url("texture.jpg");
background-size: auto, 100% 100%, cover;
background-repeat: no-repeat, no-repeat, repeat;
}
注意：IE9+ 支持多背景，但只支持 -ms-linear-gradient（需加前缀），且不支持 to bottom 这类方向关键词，得写成 0deg。
想兼顾 IE8 和现代浏览器，实际能怎么写？
只能分层降级：用标准 background 写现代方案，再用条件注释或 JavaScript 注入 IE8 专用样式。CSS 本身无法让同一属性在 IE8 渲染 _background-image、在 Chrome 渲染多层渐变+图片——因为 IE8 遇到不认识的 linear-gradient 就直接丢弃整条声明。
立即学习“前端免费学习笔记（深入）”；
- 不要写：
background: _background-image: url(x.png); background: linear-gradient(...), url(y.png);（后者在 IE8 无效） - 正确思路：默认给所有浏览器设一个纯色或单图背景，再用
@supports或 JS 检测后加载增强样式 - IE8 用户看到的是降级后的单背景，这是必须接受的限制
为什么 _background-image 后面加逗号写渐变会失效？
因为 _background-image 是 hack，不是合法 CSS 属性，解析器遇到它时已进入“容错模式”。后续的逗号分隔、函数调用、括号嵌套等全部不被识别——浏览器不会尝试把 _background-image: url(a.png), linear-gradient(...) 解析成两层，而是直接跳过整条规则或只取第一个值。
真正起作用的永远是最后一条被完整识别的 background 声明，其他带下划线的 hack 只是 IE6–7 的特殊通道，不参与现代语法流程。
多背景的复杂性不在写法，而在渲染链路：每个浏览器按自己的解析器规则决定“哪一层画在哪”，强行塞进不支持的语法，结果只是静默失败。
