用 CSS 使图像变灰？

使用 CSS 让图像显示为“灰色”的最佳方法（如果有）是什么（即不加载单独的灰色图像版本）？

我的上下文是，表格中的行在最右侧的单元格中都有按钮，并且某些行需要看起来比其他行更亮。因此，我当然可以轻松地使字体变亮，但我也希望使图像变亮，而不必管理每个图像的两个版本。

一定要是灰色的吗？您可以将图像的不透明度设置得较低（使其变得暗淡）。或者，您可以创建一个<div>覆盖并将其设置为灰色（更改 Alpha 以获得效果）。

• html:

  <div id="wrapper">
      <img id="myImage" src="something.jpg" />
  </div>
  

• css:

  #myImage {
      opacity: 0.4;
      filter: alpha(opacity=40); /* msie */
  }
  
  /* or */
  
  #wrapper {
      opacity: 0.4;
      filter: alpha(opacity=40); /* msie */
      background-color: #000;
  }