表格中图像背景的透明度[重复]

Question

这个问题在这里已有答案：

• Set opacity of background image without affecting child elements 14个答案

我正在用PHP开发一个带有CSS的HTML网站。

我正在开发一个网站，我需要在表格中插入背景图片，这是正确的，现在我可以在请求网页时看到图像，但我需要为此图像添加透明度，我知道我可以做到使PNG具有alfa透明度，达到我想要的百分比，但我不希望将图像处理成图像编辑器，因为参数提供了对PNG内的alpha图像透明度的灵活性。

我正在使用这个标签。

<table background="image.png">

Answer 1

尝试这样的事情：

table {
  width: 200px; /* your width */
  height: 200px; /* your height */
  display: block;
  position: relative;
}

table:after {
  content: "";
  background: url(image.png);
  opacity: 0.5; /* set your opacity */
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

DEMO HERE