1995风格网站：如何让图片不继承表格的opacity属性？

核心问题说明 #

你现在用的opacity是CSS3才引入的属性，1995年根本不存在这个特性——当年实现半透明背景的主流方法是用半透明GIF图片，而不是通过CSS透明度设置，这也是为什么你用opacity会导致子元素继承透明度的原因。

符合1995技术栈的解决方案 #

方法1：用半透明GIF作为表格背景（内联CSS版本）

1. 制作一张1×1像素的半透明GIF图片（比如80%不透明度的灰色，对应你要的0.8效果）。
2. 给表格添加内联CSS设置背景图平铺：

<table style="background-image: url('半透明背景.gif'); background-repeat: repeat;">
  <tr>
    <td>
      <img src="恐怖女孩.jpg" alt="恐怖女孩">
    </td>
  </tr>
</table>

这样表格的背景是半透明的（通过GIF本身的半透属性实现），而里面的图片是独立元素，完全不会受背景透明度影响，只会让网站底层背景透过表格的半透明背景显示，完全符合你的需求。

方法2：纯HTML废弃标签版本（无CSS）

如果连内联CSS都不想用，可以用HTML4及之前支持的废弃background属性：

<table background="半透明背景.gif">
  <tr>
    <td>
      <img src="恐怖女孩.jpg" alt="恐怖女孩">
    </td>
  </tr>
</table>

这个属性完全符合1995年的技术环境，不需要任何CSS代码。

为什么你之前的尝试无效？ #

opacity属性会让元素及其所有子元素都应用透明度，无法单独让子元素不受影响——而这本身就是现代CSS的特性，1995年根本没有这种写法，所以必须回到当年的半透明背景图方案。

内容的提问来源于stack exchange，提问作者Gary B