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

【问题标题】：Transparency for image background in a table [duplicate]表格中图像背景的透明度[重复]
【发布时间】：2014-07-26 15:42:19
【问题描述】：

我正在用 PHP、HTML 和 CSS 开发一个网站。

我正在开发一个网站，我需要在表格中插入背景图片，没错，现在我请求网页时可以看到图片，但是我需要给这张图片添加透明度，我知道我可以按照我想要的百分比来制作具有 alfa 透明度的 PNG，但我不喜欢将图像处理到图像编辑器中，因为参数提供了针对 PNG 内的 alpha 图像透明度的灵活性。

我正在使用这个标签。

<table background="image.png">

【问题讨论】：

标签： html css image html-table opacity

【解决方案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

【讨论】：