rgba()是实现表格背景透明而文字不透明的唯一可靠方法，通过background-color: rgba(r,g,b,a)设置背景色透明度，a为0～1小数；避免混用opacity，因其会使整个元素包括文字一起变透明。
表格背景透明但文字不透明，用 background-color: rgba()
想让表格只背景透、文字清晰，rgba() 是唯一靠谱选择。直接给 <table> 或 <code><tr> 的 <code>background-color 赋值，比如：background-color: rgba(255, 255, 255, 0.7) —— 白色背景带 30% 透明度，底下内容能隐约透出，文字完全不受影响。
常见错误是混用：background-color: #fff; opacity: 0.7。这会让整个表格（含文字、边框）一起发虚，不是你想要的“玻璃态”效果。
-
rgba()四个参数必须是rgba(R, G, B, A)，其中A是 0～1 的小数，不是百分比（别写成rgba(0,0,0,50)） - 如果表格有
<thead> 和 <code><tbody>，建议分别设置 <code>background-color，避免继承问题 - IE8 不支持
rgba()；若必须兼容，得 fallback 到半透明 PNG 背景图，或放弃该效果 -
opacity值范围是 0～1，支持小数，如0.25、0.88 - IE9+ 支持原生
opacity；IE8 需用过时的filter: alpha(opacity=40)，现在基本不用管 - 别对
<table> 设 <code>opacity后又试图用rgba()拉回某单元格文字——无效，子元素无法覆盖父级opacitytransparent关键字适合做全透明背景如果目标是让表格背景彻底“消失”，不遮挡底层内容，优先用
background-color: transparent。它语义明确、兼容性好（所有现代浏览器 + IE8+），等价于rgba(0,0,0,0)，但更简洁。别误以为
opacity: 0= 全透明背景——它只是让整个表格不可见，但依然占据空间、可能拦截鼠标事件。-
transparent只作用于背景色，不影响文字、边框或其他属性 - 和
rgba()不同，它不指定 RGB 值，纯语义化，适合动态主题切换场景 - 若需渐变叠加（比如蒙版层），
transparent比硬写rgba(0,0,0,0)更易维护
表格边框透明怎么控制？用
border-color: rgba()边框透明不能靠
opacity，否则连文字也跟着虚掉。正确做法是单独设置border-color为rgba()值，例如：border: 1px solid rgba(0, 0, 0, 0.3)。这样边框半透，背景和文字保持原样。如果表格用了
border-collapse: collapse，记得给<th> 和 <code><td> 统一设边框，否则透明边框可能在合并处显示异常。 <ul> <li> <code>border-color支持rgba()、hsla()和transparent，但不支持opacity -
- 避免写成
border: 1px solid #000; opacity: 0.5——这会让整行文字也变淡 - 需要边框和背景都半透？分别写
background-color: rgba(...)和border-color: rgba(...)，别偷懒合在一起
整张表格连文字一起变透明，用 opacity 属性
真要整个表格“雾化”，包括文字、边框、内嵌图片都统一降透明度，就用 opacity。写在 <table> 标签的 <code>style 里最直接：style="opacity: 0.4"。
注意两个关键副作用：opacity: 0 后表格依然占位、仍可被点击（除非额外加 pointer-events: none）；所有子元素自动继承该值，没法单独把某列文字设回不透明。
<table> 里套 <code><div> 再套文字，这时候 <code>opacity 会层层穿透，而 rgba() 只管自己那块颜色。选哪种，得先想清楚——你到底想透什么。
