filter: contrast() 对 无效，因 非独立渲染盒子；须作用于 或 ，如 tr:hover td { filter: contrast(1.4); }，且需注意 ios safari 合成层干扰及参数宜选 1.3–1.6 避免失真。
filter:contrast 对 table 行无效？先确认作用对象
filter:contrast() 本身不区分语义，但它只对「渲染层可见元素」生效。直接给 <tr> 加 <code>filter 在多数浏览器（Chrome/Firefox）中会被忽略——因为 <tr> 默认是 <code>display: table-row，不是独立的渲染盒子，filter 不会触发其建立新的层叠上下文或渲染层。
真正能生效的方式只有两种：给 对比度值是无单位数字， 实测下来， 如果同时用了 如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更 iOS 16.4+ 起 Safari 支持 临时绕过方法： 真正难搞的是部分老款 iPad mini（A12 芯片）在快速 hover 切换时会出现 filter 闪烁，这时只能降级为纯 background-color + border-bottom 强化。<td>/<code><th> 单元格加 filter，或者<strong>用 <code><div> 模拟表格结构再套 filter（不推荐，破坏语义和可访问性）。
<ul>
<li>✅ 正确做法：在 <code>tr:hover td, tr:hover th 上设置 filter: contrast(1.4)
tr:hover { filter: contrast(1.4); }（多数情况下无视觉变化）filter，Edge 17+ 才开始支持，需确认兼容范围contrast() 参数值怎么选才不刺眼又有效
contrast(1) 是原始状态，contrast(0) 全灰，contrast(2) 理论上翻倍对比，但实际效果非线性，且容易导致文字边缘发硬、色阶断层。contrast(1.3) 到 contrast(1.6) 是较稳妥的高亮增强区间：
contrast(1.2) → 变化太弱，尤其在 OLED 屏幕上几乎不可辨contrast(1.5) → 多数深色/浅色背景表格下文字清晰度提升明显，无明显失真contrast(1.8) → 部分低饱和度灰色文字（如 #777）可能变锐利发白，建议搭配 transition: filter 0.2s ease 缓动和其他高亮方式混用时的冲突点
background-color 或 box-shadow 高亮，filter: contrast() 会作用于整个单元格渲染结果（含背景色），可能导致意外偏色或灰度溢出。
#f0f9ff（极浅蓝），加 contrast(1.5) 后可能变成接近纯白，丧失颜色识别线索opacity: 0.95，contrast 会进一步压缩明暗范围，反而降低可读性background-color + filter: contrast(1.4)，避免 opacity / transform / mix-blend-mode 等影响渲染层的属性移动端 Safari 的 contrast 渲染异常怎么办
filter: contrast()，但存在一个隐藏坑：当表格启用 -webkit-overflow-scrolling: touch 或父容器有 transform: translateZ(0) 时，filter 可能被强制禁用或降级为模糊处理。
transform（除非必要）will-change: filter 显式提示渲染引擎（仅在 hover 前加，避免常驻开销）@supports (-webkit-filter: contrast(1)) and (not (-webkit-appearance: none)) {
tr:hover td, tr:hover th {
-webkit-filter: contrast(1.4);
filter: contrast(1.4);
}
}
